@fluencypassdevs/cycle 1.17.1 → 1.20.0

package/bin/cli.mjs

@@ -12,6 +12,8 @@ const command = process.argv[2]
 
 if (command === "mcp") {
   await import("./mcp.mjs")
+} else if (command === "propose") {
+  await import("./propose.mjs")
 } else if (command === "init" || !command) {
   await import("./init.mjs")
 } else {

package/bin/mcp.mjs

@@ -94,6 +94,78 @@ const COMPONENTS = [
 </Accordion>`,
     keywords: ["accordion", "colapsavel", "expandir", "secao", "faq", "pergunta"],
   },
+  {
+    name: "Collapsible",
+    import: `import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@fluencypassdevs/cycle"`,
+    description: "Regiao expansivel/recolhivel sem estilo imposto (Radix). Primitivo para secoes opcionais de formulario — para listas estilizadas use Accordion.",
+    props: [
+      { name: "defaultOpen", type: "boolean", default: "false" },
+      { name: "open", type: "boolean", default: "-" },
+      { name: "onOpenChange", type: "(open: boolean) => void", default: "-" },
+      { name: "disabled", type: "boolean", default: "false" },
+    ],
+    example: `<Collapsible>
+  <CollapsibleTrigger asChild>
+    <Button variant="ghost" size="sm">Opcoes avancadas</Button>
+  </CollapsibleTrigger>
+  <CollapsibleContent>Campos opcionais aqui</CollapsibleContent>
+</Collapsible>`,
+    keywords: ["collapsible", "colapsavel", "expandir", "recolher", "toggle", "secao opcional", "avancado"],
+  },
+  {
+    name: "Separator",
+    import: `import { Separator } from "@fluencypassdevs/cycle"`,
+    description: "Linha divisoria horizontal ou vertical acessivel (Radix), usando o token bg-border. Decorative por padrao.",
+    props: [
+      { name: "orientation", type: '"horizontal" | "vertical"', default: '"horizontal"' },
+      { name: "decorative", type: "boolean", default: "true" },
+    ],
+    example: `<Separator />
+<div className="flex h-5 items-center gap-4">
+  <span>Docs</span>
+  <Separator orientation="vertical" />
+  <span>Componentes</span>
+</div>`,
+    keywords: ["separator", "divisor", "divider", "linha", "hr", "secao"],
+  },
+  {
+    name: "Card",
+    import: `import { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from "@fluencypassdevs/cycle"`,
+    description: "Container de superficie com header, titulo, descricao, acao, conteudo e rodape. bg-card, border, rounded-xl, shadow-sm.",
+    props: [
+      { name: "className", type: "string", default: "-" },
+    ],
+    example: `<Card>
+  <CardHeader>
+    <CardTitle>Titulo</CardTitle>
+    <CardDescription>Descricao do card</CardDescription>
+    <CardAction><Badge variant="secondary">Novo</Badge></CardAction>
+  </CardHeader>
+  <CardContent>Conteudo</CardContent>
+  <CardFooter><Button size="sm">Salvar</Button></CardFooter>
+</Card>`,
+    keywords: ["card", "cartao", "container", "superficie", "painel", "bloco", "agrupamento"],
+  },
+  {
+    name: "Breadcrumb",
+    import: `import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from "@fluencypassdevs/cycle"`,
+    description: "Trilha de navegacao hierarquica com links, item atual (aria-current), separador ChevronRight (via CycleIcon) e ellipsis para caminhos longos. BreadcrumbLink aceita asChild para Next Link.",
+    props: [
+      { name: "asChild (BreadcrumbLink)", type: "boolean", default: "false" },
+    ],
+    example: `<Breadcrumb>
+  <BreadcrumbList>
+    <BreadcrumbItem>
+      <BreadcrumbLink href="/trilhas">Trilhas</BreadcrumbLink>
+    </BreadcrumbItem>
+    <BreadcrumbSeparator />
+    <BreadcrumbItem>
+      <BreadcrumbPage>Modulo 3</BreadcrumbPage>
+    </BreadcrumbItem>
+  </BreadcrumbList>
+</Breadcrumb>`,
+    keywords: ["breadcrumb", "navegacao", "trilha", "hierarquia", "caminho", "migalha"],
+  },
   {
     name: "Tabs",
     import: `import { Tabs, TabsList, TabsTrigger, TabsContent } from "@fluencypassdevs/cycle"`,
@@ -487,6 +559,29 @@ const COMPONENTS = [
 <MessageBar state="recording" recordingDuration={duration} recordingStream={stream} maxRecordingDuration={30} warnAtSecondsLeft={5} onMaxDurationReached={() => pause()} onPauseRecording={pause} onSendAudio={send} />`,
     keywords: ["chat", "input", "message", "bar", "audio", "recording", "microphone", "mensagem", "envio", "press-to-record", "waveform", "playback", "whatsapp"],
   },
+  {
+    name: "SelectorBar",
+    import: `import { SelectorBar } from "@fluencypassdevs/cycle"`,
+    description: "Barra seletora de contexto (mobile-first): overline (rotulo pequeno) + titulo + slot badge a direita + affordance de seletor (ChevronsUpDown via CycleIcon). Trigger tipico de um Drawer (bottom sheet) com a lista de opcoes — compoe com <DrawerTrigger asChild> (forwardRef). aria-haspopup=dialog + aria-expanded via prop open. Nao usar para disclosure inline (Collapsible) nem navegacao hierarquica (Breadcrumb). Origem: barra de unidades do Class mobile.",
+    props: [
+      { name: "title", type: "string", default: "-", note: "obrigatoria — titulo principal (ex: unidade atual)" },
+      { name: "overline", type: "string", default: "-", note: "rotulo pequeno acima do titulo (ex: nome do curso)" },
+      { name: "badge", type: "React.ReactNode", default: "-", note: "slot a direita, antes do icone (ex: <Badge variant='progress'>0/7</Badge>)" },
+      { name: "open", type: "boolean", default: "-", note: "estado da superficie controlada (reflete em aria-expanded)" },
+    ],
+    example: `<Drawer open={open} onOpenChange={setOpen}>
+  <DrawerTrigger asChild>
+    <SelectorBar
+      overline="Beginner 1"
+      title="Family and Jobs"
+      badge={<Badge variant="progress" size="sm">0/7</Badge>}
+      open={open}
+    />
+  </DrawerTrigger>
+  <DrawerContent>{/* lista de opcoes */}</DrawerContent>
+</Drawer>`,
+    keywords: ["selector", "bar", "seletor", "contexto", "unidade", "curso", "bottom sheet", "drawer", "trigger", "mobile", "trocar"],
+  },
   {
     name: "ChatThread",
     import: `import { ChatThread, type ChatThreadMessage } from "@fluencypassdevs/cycle"`,

package/bin/propose.mjs

@@ -0,0 +1,127 @@
+#!/usr/bin/env node
+
+/**
+ * `npx cycle propose <arquivo>` — propõe um componente ao Design System a partir
+ * do PRÓPRIO projeto do dev, sem abrir o GitHub na mão.
+ *
+ * Lê o componente (idealmente de `src/components/ds-proposals/`), pergunta o
+ * contexto, e abre a issue "Proposta de Componente" no repo do DS via `gh`
+ * (login do próprio dev — todos são da org). Se o `gh` não existir, cai num
+ * fallback: salva o corpo num arquivo + imprime um link pré-preenchido.
+ *
+ * Flags: --name, --what, --where, --preview (não-interativo) · --dry-run (só imprime).
+ */
+
+import fs from "fs"
+import path from "path"
+import { execFileSync, spawnSync } from "child_process"
+import { createInterface } from "readline"
+
+// ── Config específica do DS (o pulse tem a sua) ──
+const DS = {
+  label: "Cycle",
+  repo: "Fluencypass/Cycle",
+  surfaceHint: "Tela de produto (app logado, painel, aula)",
+}
+
+const argv = process.argv.slice(2)
+const flags = {}
+const positionals = []
+for (let i = 0; i < argv.length; i++) {
+  const a = argv[i]
+  if (a === "--dry-run") flags.dryRun = true
+  else if (a.startsWith("--")) flags[a.slice(2)] = argv[++i]
+  else positionals.push(a)
+}
+
+function fail(msg) {
+  console.error(`\n  ✗ ${msg}\n`)
+  process.exit(1)
+}
+
+// 1. Arquivo do componente
+let file = positionals[0]
+if (!file) {
+  // tenta achar candidatos em ds-proposals/
+  const dir = path.join(process.cwd(), "src/components/ds-proposals")
+  const found = fs.existsSync(dir) ? fs.readdirSync(dir).filter((f) => /\.(tsx|jsx|ts)$/.test(f)) : []
+  if (found.length === 1) file = path.join(dir, found[0])
+  else if (found.length > 1) fail(`Vários candidatos em ds-proposals/. Especifique: npx cycle propose <arquivo>\n    ${found.join("\n    ")}`)
+  else fail("Uso: npx cycle propose <caminho-do-componente>  (ex.: src/components/ds-proposals/meu-card.tsx)")
+}
+if (!fs.existsSync(file)) fail(`Arquivo não encontrado: ${file}`)
+const code = fs.readFileSync(file, "utf-8")
+
+// 2. Metadados (flags ou prompt)
+const rl = createInterface({ input: process.stdin, output: process.stdout })
+const ask = (q, def) =>
+  new Promise((res) => rl.question(`  ${q}${def ? ` (${def})` : ""}: `, (a) => res(a.trim() || def || "")))
+
+const name = flags.name || path.basename(file).replace(/\.(tsx|jsx|ts)$/, "")
+
+console.log(`\n  Propor componente ao ${DS.label} Design System\n  ─────────────────────────────────────────────\n`)
+
+const what = flags.what || (await ask("O que ele faz? (1 frase)"))
+const where = flags.where || (await ask("Onde ele aparece?", DS.surfaceHint))
+const preview = flags.preview || (await ask("Link de preview ou screenshot (opcional)"))
+rl.close()
+
+// 3. Corpo da issue
+const title = `[Proposta] ${name}`
+const body = `## Componente
+**${name}**
+
+## O que faz
+${what || "(não informado)"}
+
+## Onde aparece
+${where}
+
+## Preview
+${preview || "(anexar print/link)"}
+
+## Código
+\`\`\`tsx
+${code}
+\`\`\`
+
+---
+_Proposto via \`npx cycle propose\` a partir de um projeto consumidor._`
+
+// 4. dry-run
+if (flags.dryRun) {
+  console.log(`\n  [dry-run] Issue que seria criada em ${DS.repo}:\n`)
+  console.log(`  Título: ${title}`)
+  console.log(`  Label:  ds-proposal\n`)
+  console.log(body.split("\n").map((l) => "  │ " + l).join("\n"))
+  console.log("")
+  process.exit(0)
+}
+
+// 5. Cria a issue via gh (ou fallback)
+const hasGh = spawnSync("gh", ["--version"], { stdio: "ignore" }).status === 0
+if (hasGh) {
+  const tmp = path.join(process.cwd(), `.ds-proposal-${name}.md`)
+  fs.writeFileSync(tmp, body)
+  try {
+    const url = execFileSync(
+      "gh",
+      ["issue", "create", "--repo", DS.repo, "--title", title, "--label", "ds-proposal", "--body-file", tmp],
+      { encoding: "utf-8" }
+    ).trim()
+    fs.unlinkSync(tmp)
+    console.log(`\n  ✓ Proposta enviada! ${url}\n  Você será notificado quando for revisada.\n`)
+  } catch (err) {
+    fs.unlinkSync(tmp)
+    fail(`Falha ao criar a issue via gh (${err.message}). Rode \`gh auth login\` e tente de novo, ou use o fallback abaixo.`)
+  }
+} else {
+  const out = path.join(process.cwd(), `ds-proposal-${name}.md`)
+  fs.writeFileSync(out, body)
+  const url = `https://github.com/${DS.repo}/issues/new?labels=ds-proposal&title=${encodeURIComponent(title)}`
+  console.log(`\n  'gh' não encontrado. Fallback:\n`)
+  console.log(`  1. Corpo salvo em: ${out}`)
+  console.log(`  2. Abra: ${url}`)
+  console.log(`  3. Cole o conteúdo do arquivo no corpo da issue.\n`)
+  console.log(`  (Instale o GitHub CLI — https://cli.github.com — pra automatizar isso.)\n`)
+}

package/cli/CLAUDE-section.md

@@ -166,9 +166,10 @@ O DS **nao trava** o projeto. Se um componente REALMENTE nao existe (confirme an
    `components/ui/`. O componente ja funciona e pode ser usado no projeto.
 2. Componha com os atomos que ja existem (Button, Input...) e use SO tokens semanticos
    (`bg-brand`, `text-muted-foreground`) — nunca cor/spacing hardcoded.
-3. Se for reutilizavel por outros projetos, **proponha a entrada no DS**: abra uma issue
-   "Proposta de Componente" em https://github.com/Fluencypass/Cycle/issues/new/choose
-   (cole o codigo + um print/link do preview). Guia completo: `CONTRIBUTING.md` no repo do DS.
+3. Se for reutilizavel por outros projetos, **proponha a entrada no DS** rodando no projeto:
+   \`npx cycle propose src/components/ds-proposals/<arquivo>\` (abre a issue automaticamente via
+   gh). Fallback manual: https://github.com/Fluencypass/Cycle/issues/new/choose. Guia:
+   https://design.fluencypass.com/cycle/contribuir
 
 **Regra de superficie**: o DS certo depende de ONDE o componente renderiza — tela de produto
 (app logado) = **Cycle**; landing/campanha de marketing = **Pulse**. Nunca misture os dois no

package/dist/chunk-2Z64TSF6.js

@@ -0,0 +1,32 @@
+import { cn } from './chunk-W4KJCBMW.js';
+import { __objRest, __spreadValues } from './chunk-2NMEKWO5.js';
+import { Separator as Separator$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Separator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal",
+    decorative = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation",
+    "decorative"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Separator$1.Root,
+    __spreadValues({
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )
+    }, props)
+  );
+}
+
+export { Separator };
+//# sourceMappingURL=chunk-2Z64TSF6.js.map
+//# sourceMappingURL=chunk-2Z64TSF6.js.map

package/dist/chunk-2Z64TSF6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../core/src/components/ui/separator.tsx"],"names":["SeparatorPrimitive"],"mappings":";;;;;AAOA,SAAS,UAAU,EAAA,EAKsC;AALtC,EAAA,IAAA,EAAA,GAAA,EAAA,EACjB;AAAA,IAAA,SAAA;AAAA,IACA,WAAA,GAAc,YAAA;AAAA,IACd,UAAA,GAAa;AAAA,GAVf,GAOmB,EAAA,EAId,KAAA,GAAA,SAAA,CAJc,EAAA,EAId;AAAA,IAHH,WAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAmB,IAAA;AAAA,IAAnB,cAAA,CAAA;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gKAAA;AAAA,QACA;AAAA;AACF,KAAA,EACI,KAAA;AAAA,GACN;AAEJ","file":"chunk-2Z64TSF6.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Separator as SeparatorPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@core/lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"]}

package/dist/{chunk-2M73I67G.js → chunk-7I2M55D7.js}

@@ -1,6 +1,6 @@
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-6AZLLBX6.js';
-import { CycleIcon } from './chunk-US5LXJTO.js';
 import { toggleVariants } from './chunk-FVWCKX3O.js';
+import { CycleIcon } from './chunk-US5LXJTO.js';
 import { cn } from './chunk-W4KJCBMW.js';
 import { __spreadValues } from './chunk-2NMEKWO5.js';
 import * as React from 'react';
@@ -299,5 +299,5 @@ var Editor = React.forwardRef(
 );
 
 export { Editor };
-//# sourceMappingURL=chunk-2M73I67G.js.map
-//# sourceMappingURL=chunk-2M73I67G.js.map
+//# sourceMappingURL=chunk-7I2M55D7.js.map
+//# sourceMappingURL=chunk-7I2M55D7.js.map

package/dist/{chunk-2M73I67G.js.map → chunk-7I2M55D7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/editor.tsx"],"names":["UnderlineIcon","Editor","_a"],"mappings":"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","file":"chunk-2M73I67G.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useEditor, EditorContent, type Editor as TiptapEditor } from \"@tiptap/react\"\nimport StarterKit from \"@tiptap/starter-kit\"\nimport Underline from \"@tiptap/extension-underline\"\nimport Placeholder from \"@tiptap/extension-placeholder\"\nimport {\n  Bold,\n  Italic,\n  Underline as UnderlineIcon,\n  Strikethrough,\n  Heading2,\n  List,\n  ListOrdered,\n  Undo2,\n  Redo2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { toggleVariants } from \"@/components/ui/toggle\"\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"@/components/ui/tooltip\"\nimport { CycleIcon } from \"@/components/icons\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\nexport interface EditorRef {\n  /** The Tiptap editor instance */\n  editor: TiptapEditor | null\n  /** Get current HTML content */\n  getHTML: () => string\n  /** Get current plain-text content */\n  getText: () => string\n  /** Clear the editor */\n  clear: () => void\n  /** Focus the editor */\n  focus: () => void\n}\n\nexport interface EditorProps {\n  /** HTML content (controlled) */\n  content?: string\n  /** Default HTML content (uncontrolled) */\n  defaultContent?: string\n  /** Called when content changes with the HTML string */\n  onChange?: (html: string) => void\n  /** Placeholder text shown when the editor is empty */\n  placeholder?: string\n  /** Whether the editor is editable */\n  editable?: boolean\n  /** Additional class for the outer wrapper */\n  className?: string\n  /** Auto-focus the editor on mount */\n  autoFocus?: boolean\n  /** Max height of the content area — scrolls when exceeded (e.g. \"300px\", \"50vh\") */\n  maxHeight?: string\n  /** Min height of the content area (default: \"120px\") */\n  minHeight?: string\n  /** Allow the user to resize the editor vertically */\n  resizable?: boolean\n  /** Theme class for the toolbar pressed state (e.g. \"theme-class\", \"theme-brand\") */\n  toolbarTheme?: string\n}\n\n// ── Toolbar internals ────────────────────────────────────────────────\n\nfunction ToolbarDivider() {\n  return <div className=\"mx-1 h-5 w-px bg-neutral-border\" aria-hidden=\"true\" />\n}\n\ninterface ToolbarToggleProps {\n  pressed: boolean\n  onToggle: () => void\n  icon: LucideIcon\n  label: string\n  disabled?: boolean\n}\n\nfunction ToolbarToggle({ pressed, onToggle, icon, label, disabled }: ToolbarToggleProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            toggleVariants({ variant: \"default\", size: \"icon-sm\" }),\n            pressed && \"bg-accent text-accent-foreground\"\n          )}\n          onClick={onToggle}\n          aria-pressed={pressed}\n          aria-label={label}\n          disabled={disabled}\n          data-state={pressed ? \"on\" : \"off\"}\n        >\n          <CycleIcon icon={icon} size=\"xs\" decorative />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  )\n}\n\ninterface ToolbarState {\n  isBold: boolean\n  isItalic: boolean\n  isUnderline: boolean\n  isStrike: boolean\n  isH2: boolean\n  isBulletList: boolean\n  isOrderedList: boolean\n  canUndo: boolean\n  canRedo: boolean\n}\n\nfunction getToolbarState(editor: TiptapEditor): ToolbarState {\n  return {\n    isBold: editor.isActive(\"bold\"),\n    isItalic: editor.isActive(\"italic\"),\n    isUnderline: editor.isActive(\"underline\"),\n    isStrike: editor.isActive(\"strike\"),\n    isH2: editor.isActive(\"heading\", { level: 2 }),\n    isBulletList: editor.isActive(\"bulletList\"),\n    isOrderedList: editor.isActive(\"orderedList\"),\n    canUndo: editor.can().undo(),\n    canRedo: editor.can().redo(),\n  }\n}\n\nfunction EditorToolbar({ editor, state, theme }: { editor: TiptapEditor; state: ToolbarState; theme?: string }) {\n  const {\n    isBold, isItalic, isUnderline, isStrike, isH2,\n    isBulletList, isOrderedList, canUndo, canRedo,\n  } = state\n\n  return (\n    <TooltipProvider>\n      <div\n        className={cn(\n          \"flex items-center gap-0.5 overflow-x-auto border-b border-neutral-border px-2 py-1.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n          theme\n        )}\n        role=\"toolbar\"\n        aria-label=\"Formatting options\"\n      >\n        {/* History */}\n        <ToolbarToggle\n          pressed={false}\n          onToggle={() => editor.chain().focus().undo().run()}\n          icon={Undo2}\n          label=\"Undo\"\n          disabled={!canUndo}\n        />\n        <ToolbarToggle\n          pressed={false}\n          onToggle={() => editor.chain().focus().redo().run()}\n          icon={Redo2}\n          label=\"Redo\"\n          disabled={!canRedo}\n        />\n\n        <ToolbarDivider />\n\n        {/* Text formatting */}\n        <ToolbarToggle\n          pressed={isBold}\n          onToggle={() => editor.chain().focus().toggleBold().run()}\n          icon={Bold}\n          label=\"Bold\"\n        />\n        <ToolbarToggle\n          pressed={isItalic}\n          onToggle={() => editor.chain().focus().toggleItalic().run()}\n          icon={Italic}\n          label=\"Italic\"\n        />\n        <ToolbarToggle\n          pressed={isUnderline}\n          onToggle={() => editor.chain().focus().toggleUnderline().run()}\n          icon={UnderlineIcon}\n          label=\"Underline\"\n        />\n        <ToolbarToggle\n          pressed={isStrike}\n          onToggle={() => editor.chain().focus().toggleStrike().run()}\n          icon={Strikethrough}\n          label=\"Strikethrough\"\n        />\n\n        <ToolbarDivider />\n\n        {/* Heading */}\n        <ToolbarToggle\n          pressed={isH2}\n          onToggle={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n          icon={Heading2}\n          label=\"Heading 2\"\n        />\n\n        <ToolbarDivider />\n\n        {/* Lists */}\n        <ToolbarToggle\n          pressed={isBulletList}\n          onToggle={() => editor.chain().focus().toggleBulletList().run()}\n          icon={List}\n          label=\"Bullet list\"\n        />\n        <ToolbarToggle\n          pressed={isOrderedList}\n          onToggle={() => editor.chain().focus().toggleOrderedList().run()}\n          icon={ListOrdered}\n          label=\"Ordered list\"\n        />\n      </div>\n    </TooltipProvider>\n  )\n}\n\n// ── Editor ───────────────────────────────────────────────────────────\n\nconst Editor = React.forwardRef<EditorRef, EditorProps>(\n  function Editor(\n    {\n      content,\n      defaultContent,\n      onChange,\n      placeholder = \"Type something...\",\n      editable = true,\n      className,\n      autoFocus = false,\n      maxHeight,\n      minHeight = \"120px\",\n      resizable = false,\n      toolbarTheme,\n    },\n    ref\n  ) {\n    const [toolbarState, setToolbarState] = React.useState<ToolbarState>({\n      isBold: false, isItalic: false, isUnderline: false, isStrike: false,\n      isH2: false, isBulletList: false, isOrderedList: false,\n      canUndo: false, canRedo: false,\n    })\n\n    const onChangeRef = React.useRef(onChange)\n    onChangeRef.current = onChange\n\n    const editor = useEditor({\n      immediatelyRender: false,\n      extensions: [\n        StarterKit.configure({\n          heading: { levels: [2] },\n        }),\n        Underline,\n        Placeholder.configure({ placeholder }),\n      ],\n      content: defaultContent ?? content ?? \"\",\n      editable,\n      autofocus: autoFocus,\n      onUpdate: ({ editor: e }) => {\n        onChangeRef.current?.(e.getHTML())\n      },\n    })\n\n    // Subscribe to editor events directly — avoids stale closure issues\n    // with useEditor callbacks on React 19\n    React.useEffect(() => {\n      if (!editor) return\n      const sync = () => setToolbarState(getToolbarState(editor))\n      sync()\n      editor.on(\"transaction\", sync)\n      return () => { editor.off(\"transaction\", sync) }\n    }, [editor])\n\n    // Sync controlled content\n    React.useEffect(() => {\n      if (content !== undefined && editor && editor.getHTML() !== content) {\n        editor.commands.setContent(content, { emitUpdate: false })\n      }\n    }, [content, editor])\n\n    // Sync editable\n    React.useEffect(() => {\n      editor?.setEditable(editable)\n    }, [editable, editor])\n\n    // Expose ref\n    React.useImperativeHandle(ref, () => ({\n      editor,\n      getHTML: () => editor?.getHTML() ?? \"\",\n      getText: () => editor?.getText() ?? \"\",\n      clear: () => { editor?.commands.clearContent() },\n      focus: () => { editor?.commands.focus() },\n    }), [editor])\n\n    if (!editor) return null\n\n    return (\n      <div\n        data-editor-wrapper\n        className={cn(\n          // Base — same tokens as Textarea (outline variant)\n          \"w-full rounded-lg border border-neutral-border bg-transparent text-neutral-foreground shadow-xs dark:shadow-none\",\n          \"transition-[color,border-color,box-shadow,background-color] outline-none\",\n          // Hover\n          \"hover:border-ring hover:bg-ring/5\",\n          // Focus-within (focus is on nested contenteditable, not the wrapper)\n          \"focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 focus-within:bg-ring/5\",\n          // Error\n          \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40\",\n          // Disabled\n          !editable && \"opacity-50 cursor-not-allowed pointer-events-none\",\n          className\n        )}\n      >\n        {/* Scoped styles: placeholder + Tiptap scroll/sizing */}\n        <style>{`\n          [data-editor-wrapper] .tiptap {\n            min-height: var(--editor-min-h, 120px);\n            max-height: var(--editor-max-h, none);\n          }\n          [data-editor-wrapper] .tiptap p.is-editor-empty:first-child::before {\n            color: var(--color-neutral-muted-foreground);\n            content: attr(data-placeholder);\n            float: left;\n            height: 0;\n            pointer-events: none;\n          }\n        `}</style>\n\n        <EditorToolbar editor={editor} state={toolbarState} theme={toolbarTheme} />\n\n        <EditorContent\n          editor={editor}\n          className={cn(\n            \"text-sm text-foreground\",\n            \"selection:bg-primary selection:text-primary-foreground\",\n            resizable && \"resize-y\",\n            // Scroll on .tiptap directly — Tiptap auto-scrolls to keep cursor in view\n            \"[&_.tiptap]:outline-none [&_.tiptap]:overflow-y-auto [&_.tiptap]:px-4 [&_.tiptap]:py-2\",\n            \"[&_.tiptap_p]:my-1.5 [&_.tiptap_p]:leading-relaxed\",\n            \"[&_.tiptap_h2]:my-2 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold\",\n            \"[&_.tiptap_ul]:my-1.5 [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6\",\n            \"[&_.tiptap_ol]:my-1.5 [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6\",\n            \"[&_.tiptap_li]:my-0.5\",\n          )}\n          style={{\n            ...(minHeight && { [\"--editor-min-h\" as string]: minHeight }),\n            ...(maxHeight && { [\"--editor-max-h\" as string]: maxHeight }),\n          }}\n        />\n      </div>\n    )\n  }\n)\n\nexport { Editor }\n"]}
+{"version":3,"sources":["../src/components/ui/editor.tsx"],"names":["UnderlineIcon","Editor","_a"],"mappings":"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","file":"chunk-7I2M55D7.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { useEditor, EditorContent, type Editor as TiptapEditor } from \"@tiptap/react\"\nimport StarterKit from \"@tiptap/starter-kit\"\nimport Underline from \"@tiptap/extension-underline\"\nimport Placeholder from \"@tiptap/extension-placeholder\"\nimport {\n  Bold,\n  Italic,\n  Underline as UnderlineIcon,\n  Strikethrough,\n  Heading2,\n  List,\n  ListOrdered,\n  Undo2,\n  Redo2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { toggleVariants } from \"@/components/ui/toggle\"\nimport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n} from \"@/components/ui/tooltip\"\nimport { CycleIcon } from \"@/components/icons\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\nexport interface EditorRef {\n  /** The Tiptap editor instance */\n  editor: TiptapEditor | null\n  /** Get current HTML content */\n  getHTML: () => string\n  /** Get current plain-text content */\n  getText: () => string\n  /** Clear the editor */\n  clear: () => void\n  /** Focus the editor */\n  focus: () => void\n}\n\nexport interface EditorProps {\n  /** HTML content (controlled) */\n  content?: string\n  /** Default HTML content (uncontrolled) */\n  defaultContent?: string\n  /** Called when content changes with the HTML string */\n  onChange?: (html: string) => void\n  /** Placeholder text shown when the editor is empty */\n  placeholder?: string\n  /** Whether the editor is editable */\n  editable?: boolean\n  /** Additional class for the outer wrapper */\n  className?: string\n  /** Auto-focus the editor on mount */\n  autoFocus?: boolean\n  /** Max height of the content area — scrolls when exceeded (e.g. \"300px\", \"50vh\") */\n  maxHeight?: string\n  /** Min height of the content area (default: \"120px\") */\n  minHeight?: string\n  /** Allow the user to resize the editor vertically */\n  resizable?: boolean\n  /** Theme class for the toolbar pressed state (e.g. \"theme-class\", \"theme-brand\") */\n  toolbarTheme?: string\n}\n\n// ── Toolbar internals ────────────────────────────────────────────────\n\nfunction ToolbarDivider() {\n  return <div className=\"mx-1 h-5 w-px bg-neutral-border\" aria-hidden=\"true\" />\n}\n\ninterface ToolbarToggleProps {\n  pressed: boolean\n  onToggle: () => void\n  icon: LucideIcon\n  label: string\n  disabled?: boolean\n}\n\nfunction ToolbarToggle({ pressed, onToggle, icon, label, disabled }: ToolbarToggleProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            toggleVariants({ variant: \"default\", size: \"icon-sm\" }),\n            pressed && \"bg-accent text-accent-foreground\"\n          )}\n          onClick={onToggle}\n          aria-pressed={pressed}\n          aria-label={label}\n          disabled={disabled}\n          data-state={pressed ? \"on\" : \"off\"}\n        >\n          <CycleIcon icon={icon} size=\"xs\" decorative />\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>{label}</TooltipContent>\n    </Tooltip>\n  )\n}\n\ninterface ToolbarState {\n  isBold: boolean\n  isItalic: boolean\n  isUnderline: boolean\n  isStrike: boolean\n  isH2: boolean\n  isBulletList: boolean\n  isOrderedList: boolean\n  canUndo: boolean\n  canRedo: boolean\n}\n\nfunction getToolbarState(editor: TiptapEditor): ToolbarState {\n  return {\n    isBold: editor.isActive(\"bold\"),\n    isItalic: editor.isActive(\"italic\"),\n    isUnderline: editor.isActive(\"underline\"),\n    isStrike: editor.isActive(\"strike\"),\n    isH2: editor.isActive(\"heading\", { level: 2 }),\n    isBulletList: editor.isActive(\"bulletList\"),\n    isOrderedList: editor.isActive(\"orderedList\"),\n    canUndo: editor.can().undo(),\n    canRedo: editor.can().redo(),\n  }\n}\n\nfunction EditorToolbar({ editor, state, theme }: { editor: TiptapEditor; state: ToolbarState; theme?: string }) {\n  const {\n    isBold, isItalic, isUnderline, isStrike, isH2,\n    isBulletList, isOrderedList, canUndo, canRedo,\n  } = state\n\n  return (\n    <TooltipProvider>\n      <div\n        className={cn(\n          \"flex items-center gap-0.5 overflow-x-auto border-b border-neutral-border px-2 py-1.5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n          theme\n        )}\n        role=\"toolbar\"\n        aria-label=\"Formatting options\"\n      >\n        {/* History */}\n        <ToolbarToggle\n          pressed={false}\n          onToggle={() => editor.chain().focus().undo().run()}\n          icon={Undo2}\n          label=\"Undo\"\n          disabled={!canUndo}\n        />\n        <ToolbarToggle\n          pressed={false}\n          onToggle={() => editor.chain().focus().redo().run()}\n          icon={Redo2}\n          label=\"Redo\"\n          disabled={!canRedo}\n        />\n\n        <ToolbarDivider />\n\n        {/* Text formatting */}\n        <ToolbarToggle\n          pressed={isBold}\n          onToggle={() => editor.chain().focus().toggleBold().run()}\n          icon={Bold}\n          label=\"Bold\"\n        />\n        <ToolbarToggle\n          pressed={isItalic}\n          onToggle={() => editor.chain().focus().toggleItalic().run()}\n          icon={Italic}\n          label=\"Italic\"\n        />\n        <ToolbarToggle\n          pressed={isUnderline}\n          onToggle={() => editor.chain().focus().toggleUnderline().run()}\n          icon={UnderlineIcon}\n          label=\"Underline\"\n        />\n        <ToolbarToggle\n          pressed={isStrike}\n          onToggle={() => editor.chain().focus().toggleStrike().run()}\n          icon={Strikethrough}\n          label=\"Strikethrough\"\n        />\n\n        <ToolbarDivider />\n\n        {/* Heading */}\n        <ToolbarToggle\n          pressed={isH2}\n          onToggle={() => editor.chain().focus().toggleHeading({ level: 2 }).run()}\n          icon={Heading2}\n          label=\"Heading 2\"\n        />\n\n        <ToolbarDivider />\n\n        {/* Lists */}\n        <ToolbarToggle\n          pressed={isBulletList}\n          onToggle={() => editor.chain().focus().toggleBulletList().run()}\n          icon={List}\n          label=\"Bullet list\"\n        />\n        <ToolbarToggle\n          pressed={isOrderedList}\n          onToggle={() => editor.chain().focus().toggleOrderedList().run()}\n          icon={ListOrdered}\n          label=\"Ordered list\"\n        />\n      </div>\n    </TooltipProvider>\n  )\n}\n\n// ── Editor ───────────────────────────────────────────────────────────\n\nconst Editor = React.forwardRef<EditorRef, EditorProps>(\n  function Editor(\n    {\n      content,\n      defaultContent,\n      onChange,\n      placeholder = \"Type something...\",\n      editable = true,\n      className,\n      autoFocus = false,\n      maxHeight,\n      minHeight = \"120px\",\n      resizable = false,\n      toolbarTheme,\n    },\n    ref\n  ) {\n    const [toolbarState, setToolbarState] = React.useState<ToolbarState>({\n      isBold: false, isItalic: false, isUnderline: false, isStrike: false,\n      isH2: false, isBulletList: false, isOrderedList: false,\n      canUndo: false, canRedo: false,\n    })\n\n    const onChangeRef = React.useRef(onChange)\n    onChangeRef.current = onChange\n\n    const editor = useEditor({\n      immediatelyRender: false,\n      extensions: [\n        StarterKit.configure({\n          heading: { levels: [2] },\n        }),\n        Underline,\n        Placeholder.configure({ placeholder }),\n      ],\n      content: defaultContent ?? content ?? \"\",\n      editable,\n      autofocus: autoFocus,\n      onUpdate: ({ editor: e }) => {\n        onChangeRef.current?.(e.getHTML())\n      },\n    })\n\n    // Subscribe to editor events directly — avoids stale closure issues\n    // with useEditor callbacks on React 19\n    React.useEffect(() => {\n      if (!editor) return\n      const sync = () => setToolbarState(getToolbarState(editor))\n      sync()\n      editor.on(\"transaction\", sync)\n      return () => { editor.off(\"transaction\", sync) }\n    }, [editor])\n\n    // Sync controlled content\n    React.useEffect(() => {\n      if (content !== undefined && editor && editor.getHTML() !== content) {\n        editor.commands.setContent(content, { emitUpdate: false })\n      }\n    }, [content, editor])\n\n    // Sync editable\n    React.useEffect(() => {\n      editor?.setEditable(editable)\n    }, [editable, editor])\n\n    // Expose ref\n    React.useImperativeHandle(ref, () => ({\n      editor,\n      getHTML: () => editor?.getHTML() ?? \"\",\n      getText: () => editor?.getText() ?? \"\",\n      clear: () => { editor?.commands.clearContent() },\n      focus: () => { editor?.commands.focus() },\n    }), [editor])\n\n    if (!editor) return null\n\n    return (\n      <div\n        data-editor-wrapper\n        className={cn(\n          // Base — same tokens as Textarea (outline variant)\n          \"w-full rounded-lg border border-neutral-border bg-transparent text-neutral-foreground shadow-xs dark:shadow-none\",\n          \"transition-[color,border-color,box-shadow,background-color] outline-none\",\n          // Hover\n          \"hover:border-ring hover:bg-ring/5\",\n          // Focus-within (focus is on nested contenteditable, not the wrapper)\n          \"focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 focus-within:bg-ring/5\",\n          // Error\n          \"aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-invalid:hover:border-destructive dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/40\",\n          // Disabled\n          !editable && \"opacity-50 cursor-not-allowed pointer-events-none\",\n          className\n        )}\n      >\n        {/* Scoped styles: placeholder + Tiptap scroll/sizing */}\n        <style>{`\n          [data-editor-wrapper] .tiptap {\n            min-height: var(--editor-min-h, 120px);\n            max-height: var(--editor-max-h, none);\n          }\n          [data-editor-wrapper] .tiptap p.is-editor-empty:first-child::before {\n            color: var(--color-neutral-muted-foreground);\n            content: attr(data-placeholder);\n            float: left;\n            height: 0;\n            pointer-events: none;\n          }\n        `}</style>\n\n        <EditorToolbar editor={editor} state={toolbarState} theme={toolbarTheme} />\n\n        <EditorContent\n          editor={editor}\n          className={cn(\n            \"text-sm text-foreground\",\n            \"selection:bg-primary selection:text-primary-foreground\",\n            resizable && \"resize-y\",\n            // Scroll on .tiptap directly — Tiptap auto-scrolls to keep cursor in view\n            \"[&_.tiptap]:outline-none [&_.tiptap]:overflow-y-auto [&_.tiptap]:px-4 [&_.tiptap]:py-2\",\n            \"[&_.tiptap_p]:my-1.5 [&_.tiptap_p]:leading-relaxed\",\n            \"[&_.tiptap_h2]:my-2 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold\",\n            \"[&_.tiptap_ul]:my-1.5 [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6\",\n            \"[&_.tiptap_ol]:my-1.5 [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6\",\n            \"[&_.tiptap_li]:my-0.5\",\n          )}\n          style={{\n            ...(minHeight && { [\"--editor-min-h\" as string]: minHeight }),\n            ...(maxHeight && { [\"--editor-max-h\" as string]: maxHeight }),\n          }}\n        />\n      </div>\n    )\n  }\n)\n\nexport { Editor }\n"]}

package/dist/{chunk-SYD6ELLP.js → chunk-EAVNA2RW.js}

@@ -1,5 +1,5 @@
 import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './chunk-2KFWBA76.js';
-import { ChatMessage } from './chunk-A3L7MI2Y.js';
+import { ChatMessage } from './chunk-VUVC2NAK.js';
 import { DEFAULT_MESSAGE_RATING_LABELS, MessageRating } from './chunk-YIOXPV2N.js';
 import { MessageBar } from './chunk-TK67WF35.js';
 import { cn } from './chunk-W4KJCBMW.js';
@@ -482,5 +482,5 @@ function ChatThread(_a) {
 }
 
 export { ChatThread };
-//# sourceMappingURL=chunk-SYD6ELLP.js.map
-//# sourceMappingURL=chunk-SYD6ELLP.js.map
+//# sourceMappingURL=chunk-EAVNA2RW.js.map
+//# sourceMappingURL=chunk-EAVNA2RW.js.map