v2 message format and upgrade to ai sdk v5 (#743)

Co-authored-by: GitHub Action <[email protected]>
Co-authored-by: Liang-Shih Lin <[email protected]>
Co-authored-by: Dominik Engelhardt <[email protected]>
Co-authored-by: Jay V <[email protected]>
Co-authored-by: adamdottv <[email protected]>

1 files changed, 35 insertions, 0 deletions

diff --git a/packages/web/src/components/share/content-text.tsx b/packages/web/src/components/share/content-text.tsx
new file mode 100644
index 000000000..c52e0dfcc
--- /dev/null
+++ b/packages/web/src/components/share/content-text.tsx
@@ -0,0 +1,35 @@
+import style from "./content-text.module.css"
+import { createSignal } from "solid-js"
+import { createOverflow } from "./common"
+
+interface Props {
+  text: string
+  expand?: boolean
+  compact?: boolean
+}
+export function ContentText(props: Props) {
+  const [expanded, setExpanded] = createSignal(false)
+  const overflow = createOverflow()
+
+  return (
+    <div
+      class={style.root}
+      data-expanded={expanded() || props.expand === true ? true : undefined}
+      data-compact={props.compact === true ? true : undefined}
+    >
+      <pre data-slot="text" ref={overflow.ref}>
+        {props.text}
+      </pre>
+      {((!props.expand && overflow.status) || expanded()) && (
+        <button
+          type="button"
+          data-component="text-button"
+          data-slot="expand-button"
+          onClick={() => setExpanded((e) => !e)}
+        >
+          {expanded() ? "Show less" : "Show more"}
+        </button>
+      )}
+    </div>
+  )
+}