@databricks/appkit-ui 0.21.0 → 0.23.0

package/dist/react/genie/genie-query-visualization.js.map

@@ -1 +1 @@
-{"version":3,"file":"genie-query-visualization.js","names":[],"sources":["../../../src/react/genie/genie-query-visualization.tsx"],"sourcesContent":["import { BarChart3Icon, ChevronDownIcon } from \"lucide-react\";\nimport { useMemo, useState } from \"react\";\nimport type { GenieStatementResponse } from \"shared\";\nimport { BaseChart } from \"../charts/base\";\nimport { ChartErrorBoundary } from \"../charts/chart-error-boundary\";\nimport type { ChartType } from \"../charts/types\";\nimport { Button } from \"../ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../ui/table\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"../ui/tabs\";\nimport {\n  getCompatibleChartTypes,\n  inferChartType,\n} from \"./genie-chart-inference\";\nimport { transformGenieData } from \"./genie-query-transform\";\n\nconst TABLE_ROW_LIMIT = 50;\nconst CHART_HEIGHT = 250;\n\nconst CHART_TYPE_LABELS: Record<ChartType, string> = {\n  bar: \"Bar\",\n  line: \"Line\",\n  area: \"Area\",\n  pie: \"Pie\",\n  donut: \"Donut\",\n  scatter: \"Scatter\",\n  radar: \"Radar\",\n  heatmap: \"Heatmap\",\n};\n\ninterface GenieQueryVisualizationProps {\n  /** Raw statement_response from the Genie API */\n  data: GenieStatementResponse;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Renders a chart + data table for a Genie query result.\n *\n * - When a chart type can be inferred: shows Tabs with \"Chart\" (default) and \"Table\"\n * - When no chart fits: shows only the data table\n * - When data is empty/malformed: renders nothing\n */\nexport function GenieQueryVisualization({\n  data,\n  className,\n}: GenieQueryVisualizationProps) {\n  const transformed = useMemo(() => transformGenieData(data), [data]);\n  const { inference, compatibleTypes } = useMemo(() => {\n    if (!transformed)\n      return { inference: null, compatibleTypes: [] as ChartType[] };\n    const { rows, columns } = transformed;\n    return {\n      inference: inferChartType(rows, columns),\n      compatibleTypes: getCompatibleChartTypes(rows, columns),\n    };\n  }, [transformed]);\n\n  const [chartTypeOverride, setChartTypeOverride] = useState<ChartType | null>(\n    null,\n  );\n\n  if (!transformed || transformed.rows.length === 0) return null;\n\n  const { rows, columns } = transformed;\n  const truncated = rows.length > TABLE_ROW_LIMIT;\n  const displayRows = truncated ? rows.slice(0, TABLE_ROW_LIMIT) : rows;\n\n  const activeChartType =\n    chartTypeOverride && compatibleTypes.includes(chartTypeOverride)\n      ? chartTypeOverride\n      : (inference?.chartType ?? null);\n\n  const dataTable = (\n    <div className=\"overflow-auto max-h-[300px]\">\n      <Table>\n        <TableHeader>\n          <TableRow>\n            {columns.map((col) => (\n              <TableHead key={col.name}>{col.name}</TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {displayRows.map((row, i) => (\n            // biome-ignore lint/suspicious/noArrayIndexKey: tabular data rows have no unique identifier\n            <TableRow key={i}>\n              {columns.map((col) => (\n                <TableCell key={col.name}>\n                  {row[col.name] != null ? String(row[col.name]) : \"\"}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n      {truncated && (\n        <p className=\"text-xs text-muted-foreground px-2 py-1\">\n          Showing {TABLE_ROW_LIMIT} of {rows.length} rows\n        </p>\n      )}\n    </div>\n  );\n\n  if (!inference || !activeChartType) {\n    return <div className={className}>{dataTable}</div>;\n  }\n\n  return (\n    <Tabs defaultValue=\"chart\" className={className}>\n      <div className=\"flex items-center justify-between\">\n        <TabsList>\n          <TabsTrigger value=\"chart\">Chart</TabsTrigger>\n          <TabsTrigger value=\"table\">Table</TabsTrigger>\n        </TabsList>\n        {compatibleTypes.length > 1 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                aria-label=\"Change chart type\"\n                className=\"gap-0.5\"\n              >\n                <BarChart3Icon className=\"size-3.5\" />\n                <ChevronDownIcon className=\"size-3\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuLabel>Chart type</DropdownMenuLabel>\n              <DropdownMenuRadioGroup\n                value={activeChartType}\n                onValueChange={(v) => setChartTypeOverride(v as ChartType)}\n              >\n                {compatibleTypes.map((type) => (\n                  <DropdownMenuRadioItem key={type} value={type}>\n                    {CHART_TYPE_LABELS[type]}\n                  </DropdownMenuRadioItem>\n                ))}\n              </DropdownMenuRadioGroup>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n      <div className=\"grid [&>*]:col-start-1 [&>*]:row-start-1\">\n        <TabsContent\n          value=\"chart\"\n          forceMount\n          className=\"data-[state=inactive]:invisible\"\n        >\n          <ChartErrorBoundary fallback={dataTable}>\n            <BaseChart\n              data={rows}\n              chartType={activeChartType}\n              xKey={inference.xKey}\n              yKey={inference.yKey}\n              height={CHART_HEIGHT}\n              showLegend={Array.isArray(inference.yKey)}\n            />\n          </ChartErrorBoundary>\n        </TabsContent>\n        <TabsContent\n          value=\"table\"\n          forceMount\n          className=\"data-[state=inactive]:invisible\"\n        >\n          {dataTable}\n        </TabsContent>\n      </div>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,MAAM,kBAAkB;AACxB,MAAM,eAAe;AAErB,MAAM,oBAA+C;CACnD,KAAK;CACL,MAAM;CACN,MAAM;CACN,KAAK;CACL,OAAO;CACP,SAAS;CACT,OAAO;CACP,SAAS;CACV;;;;;;;;AAgBD,SAAgB,wBAAwB,EACtC,MACA,aAC+B;CAC/B,MAAM,cAAc,cAAc,mBAAmB,KAAK,EAAE,CAAC,KAAK,CAAC;CACnE,MAAM,EAAE,WAAW,oBAAoB,cAAc;AACnD,MAAI,CAAC,YACH,QAAO;GAAE,WAAW;GAAM,iBAAiB,EAAE;GAAiB;EAChE,MAAM,EAAE,MAAM,YAAY;AAC1B,SAAO;GACL,WAAW,eAAe,MAAM,QAAQ;GACxC,iBAAiB,wBAAwB,MAAM,QAAQ;GACxD;IACA,CAAC,YAAY,CAAC;CAEjB,MAAM,CAAC,mBAAmB,wBAAwB,SAChD,KACD;AAED,KAAI,CAAC,eAAe,YAAY,KAAK,WAAW,EAAG,QAAO;CAE1D,MAAM,EAAE,MAAM,YAAY;CAC1B,MAAM,YAAY,KAAK,SAAS;CAChC,MAAM,cAAc,YAAY,KAAK,MAAM,GAAG,gBAAgB,GAAG;CAEjE,MAAM,kBACJ,qBAAqB,gBAAgB,SAAS,kBAAkB,GAC5D,oBACC,WAAW,aAAa;CAE/B,MAAM,YACJ,qBAAC;EAAI,WAAU;aACb,qBAAC,oBACC,oBAAC,yBACC,oBAAC,sBACE,QAAQ,KAAK,QACZ,oBAAC,uBAA0B,IAAI,QAAf,IAAI,KAA4B,CAChD,GACO,GACC,EACd,oBAAC,uBACE,YAAY,KAAK,KAAK,MAErB,oBAAC,sBACE,QAAQ,KAAK,QACZ,oBAAC,uBACE,IAAI,IAAI,SAAS,OAAO,OAAO,IAAI,IAAI,MAAM,GAAG,MADnC,IAAI,KAER,CACZ,IALW,EAMJ,CACX,GACQ,IACN,EACP,aACC,qBAAC;GAAE,WAAU;;IAA0C;IAC5C;IAAgB;IAAK,KAAK;IAAO;;IACxC;GAEF;AAGR,KAAI,CAAC,aAAa,CAAC,gBACjB,QAAO,oBAAC;EAAe;YAAY;GAAgB;AAGrD,QACE,qBAAC;EAAK,cAAa;EAAmB;aACpC,qBAAC;GAAI,WAAU;cACb,qBAAC,uBACC,oBAAC;IAAY,OAAM;cAAQ;KAAmB,EAC9C,oBAAC;IAAY,OAAM;cAAQ;KAAmB,IACrC,EACV,gBAAgB,SAAS,KACxB,qBAAC,2BACC,oBAAC;IAAoB;cACnB,qBAAC;KACC,SAAQ;KACR,MAAK;KACL,cAAW;KACX,WAAU;gBAEV,oBAAC,iBAAc,WAAU,aAAa,EACtC,oBAAC,mBAAgB,WAAU,WAAW;MAC/B;KACW,EACtB,qBAAC;IAAoB,OAAM;eACzB,oBAAC,+BAAkB,eAA8B,EACjD,oBAAC;KACC,OAAO;KACP,gBAAgB,MAAM,qBAAqB,EAAe;eAEzD,gBAAgB,KAAK,SACpB,oBAAC;MAAiC,OAAO;gBACtC,kBAAkB;QADO,KAEJ,CACxB;MACqB;KACL,IACT;IAEb,EACN,qBAAC;GAAI,WAAU;cACb,oBAAC;IACC,OAAM;IACN;IACA,WAAU;cAEV,oBAAC;KAAmB,UAAU;eAC5B,oBAAC;MACC,MAAM;MACN,WAAW;MACX,MAAM,UAAU;MAChB,MAAM,UAAU;MAChB,QAAQ;MACR,YAAY,MAAM,QAAQ,UAAU,KAAK;OACzC;MACiB;KACT,EACd,oBAAC;IACC,OAAM;IACN;IACA,WAAU;cAET;KACW;IACV;GACD"}
+{"version":3,"file":"genie-query-visualization.js","names":[],"sources":["../../../src/react/genie/genie-query-visualization.tsx"],"sourcesContent":["import { BarChart3Icon, ChevronDownIcon } from \"lucide-react\";\nimport { useMemo, useState } from \"react\";\nimport type { GenieStatementResponse } from \"shared\";\nimport { BaseChart } from \"../charts/base\";\nimport { ChartErrorBoundary } from \"../charts/chart-error-boundary\";\nimport type { ChartType } from \"../charts/types\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"../ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../ui/table\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"../ui/tabs\";\nimport {\n  getCompatibleChartTypes,\n  inferChartType,\n} from \"./genie-chart-inference\";\nimport { transformGenieData } from \"./genie-query-transform\";\n\nconst TABLE_ROW_LIMIT = 50;\nconst CHART_HEIGHT = 250;\n\nconst CHART_TYPE_LABELS: Record<ChartType, string> = {\n  bar: \"Bar\",\n  line: \"Line\",\n  area: \"Area\",\n  pie: \"Pie\",\n  donut: \"Donut\",\n  scatter: \"Scatter\",\n  radar: \"Radar\",\n  heatmap: \"Heatmap\",\n};\n\ninterface GenieQueryVisualizationProps {\n  /** Raw statement_response from the Genie API */\n  data: GenieStatementResponse;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Renders a chart + data table for a Genie query result.\n *\n * - When a chart type can be inferred: shows Tabs with \"Chart\" (default) and \"Table\"\n * - When no chart fits: shows only the data table\n * - When data is empty/malformed: renders nothing\n */\nexport function GenieQueryVisualization({\n  data,\n  className,\n}: GenieQueryVisualizationProps) {\n  const transformed = useMemo(() => transformGenieData(data), [data]);\n  const { inference, compatibleTypes } = useMemo(() => {\n    if (!transformed)\n      return { inference: null, compatibleTypes: [] as ChartType[] };\n    const { rows, columns } = transformed;\n    return {\n      inference: inferChartType(rows, columns),\n      compatibleTypes: getCompatibleChartTypes(rows, columns),\n    };\n  }, [transformed]);\n\n  const [chartTypeOverride, setChartTypeOverride] = useState<ChartType | null>(\n    null,\n  );\n\n  if (!transformed || transformed.rows.length === 0) return null;\n\n  const { rows, columns } = transformed;\n  const truncated = rows.length > TABLE_ROW_LIMIT;\n  const displayRows = truncated ? rows.slice(0, TABLE_ROW_LIMIT) : rows;\n\n  const activeChartType =\n    chartTypeOverride && compatibleTypes.includes(chartTypeOverride)\n      ? chartTypeOverride\n      : (inference?.chartType ?? null);\n\n  const dataTable = (\n    <div className=\"overflow-auto max-h-[300px]\">\n      <Table>\n        <TableHeader>\n          <TableRow>\n            {columns.map((col) => (\n              <TableHead key={col.name}>{col.name}</TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {displayRows.map((row, i) => (\n            // biome-ignore lint/suspicious/noArrayIndexKey: tabular data rows have no unique identifier\n            <TableRow key={i}>\n              {columns.map((col) => (\n                <TableCell key={col.name}>\n                  {row[col.name] != null ? String(row[col.name]) : \"\"}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n      {truncated && (\n        <p className=\"text-xs text-muted-foreground px-2 py-1\">\n          Showing {TABLE_ROW_LIMIT} of {rows.length} rows\n        </p>\n      )}\n    </div>\n  );\n\n  if (!inference || !activeChartType) {\n    return <div className={cn(\"min-w-0\", className)}>{dataTable}</div>;\n  }\n\n  return (\n    <Tabs defaultValue=\"chart\" className={cn(\"min-w-0\", className)}>\n      <div className=\"flex items-center justify-between\">\n        <TabsList>\n          <TabsTrigger value=\"chart\">Chart</TabsTrigger>\n          <TabsTrigger value=\"table\">Table</TabsTrigger>\n        </TabsList>\n        {compatibleTypes.length > 1 && (\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                aria-label=\"Change chart type\"\n                className=\"gap-0.5\"\n              >\n                <BarChart3Icon className=\"size-3.5\" />\n                <ChevronDownIcon className=\"size-3\" />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuLabel>Chart type</DropdownMenuLabel>\n              <DropdownMenuRadioGroup\n                value={activeChartType}\n                onValueChange={(v) => setChartTypeOverride(v as ChartType)}\n              >\n                {compatibleTypes.map((type) => (\n                  <DropdownMenuRadioItem key={type} value={type}>\n                    {CHART_TYPE_LABELS[type]}\n                  </DropdownMenuRadioItem>\n                ))}\n              </DropdownMenuRadioGroup>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n      <div className=\"grid min-w-0 [&>*]:col-start-1 [&>*]:row-start-1 [&>*]:min-w-0\">\n        <TabsContent\n          value=\"chart\"\n          forceMount\n          className=\"data-[state=inactive]:invisible\"\n        >\n          <ChartErrorBoundary fallback={dataTable}>\n            <BaseChart\n              data={rows}\n              chartType={activeChartType}\n              xKey={inference.xKey}\n              yKey={inference.yKey}\n              height={CHART_HEIGHT}\n              showLegend={Array.isArray(inference.yKey)}\n            />\n          </ChartErrorBoundary>\n        </TabsContent>\n        <TabsContent\n          value=\"table\"\n          forceMount\n          className=\"data-[state=inactive]:invisible\"\n        >\n          {dataTable}\n        </TabsContent>\n      </div>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,MAAM,kBAAkB;AACxB,MAAM,eAAe;AAErB,MAAM,oBAA+C;CACnD,KAAK;CACL,MAAM;CACN,MAAM;CACN,KAAK;CACL,OAAO;CACP,SAAS;CACT,OAAO;CACP,SAAS;CACV;;;;;;;;AAgBD,SAAgB,wBAAwB,EACtC,MACA,aAC+B;CAC/B,MAAM,cAAc,cAAc,mBAAmB,KAAK,EAAE,CAAC,KAAK,CAAC;CACnE,MAAM,EAAE,WAAW,oBAAoB,cAAc;AACnD,MAAI,CAAC,YACH,QAAO;GAAE,WAAW;GAAM,iBAAiB,EAAE;GAAiB;EAChE,MAAM,EAAE,MAAM,YAAY;AAC1B,SAAO;GACL,WAAW,eAAe,MAAM,QAAQ;GACxC,iBAAiB,wBAAwB,MAAM,QAAQ;GACxD;IACA,CAAC,YAAY,CAAC;CAEjB,MAAM,CAAC,mBAAmB,wBAAwB,SAChD,KACD;AAED,KAAI,CAAC,eAAe,YAAY,KAAK,WAAW,EAAG,QAAO;CAE1D,MAAM,EAAE,MAAM,YAAY;CAC1B,MAAM,YAAY,KAAK,SAAS;CAChC,MAAM,cAAc,YAAY,KAAK,MAAM,GAAG,gBAAgB,GAAG;CAEjE,MAAM,kBACJ,qBAAqB,gBAAgB,SAAS,kBAAkB,GAC5D,oBACC,WAAW,aAAa;CAE/B,MAAM,YACJ,qBAAC;EAAI,WAAU;aACb,qBAAC,oBACC,oBAAC,yBACC,oBAAC,sBACE,QAAQ,KAAK,QACZ,oBAAC,uBAA0B,IAAI,QAAf,IAAI,KAA4B,CAChD,GACO,GACC,EACd,oBAAC,uBACE,YAAY,KAAK,KAAK,MAErB,oBAAC,sBACE,QAAQ,KAAK,QACZ,oBAAC,uBACE,IAAI,IAAI,SAAS,OAAO,OAAO,IAAI,IAAI,MAAM,GAAG,MADnC,IAAI,KAER,CACZ,IALW,EAMJ,CACX,GACQ,IACN,EACP,aACC,qBAAC;GAAE,WAAU;;IAA0C;IAC5C;IAAgB;IAAK,KAAK;IAAO;;IACxC;GAEF;AAGR,KAAI,CAAC,aAAa,CAAC,gBACjB,QAAO,oBAAC;EAAI,WAAW,GAAG,WAAW,UAAU;YAAG;GAAgB;AAGpE,QACE,qBAAC;EAAK,cAAa;EAAQ,WAAW,GAAG,WAAW,UAAU;aAC5D,qBAAC;GAAI,WAAU;cACb,qBAAC,uBACC,oBAAC;IAAY,OAAM;cAAQ;KAAmB,EAC9C,oBAAC;IAAY,OAAM;cAAQ;KAAmB,IACrC,EACV,gBAAgB,SAAS,KACxB,qBAAC,2BACC,oBAAC;IAAoB;cACnB,qBAAC;KACC,SAAQ;KACR,MAAK;KACL,cAAW;KACX,WAAU;gBAEV,oBAAC,iBAAc,WAAU,aAAa,EACtC,oBAAC,mBAAgB,WAAU,WAAW;MAC/B;KACW,EACtB,qBAAC;IAAoB,OAAM;eACzB,oBAAC,+BAAkB,eAA8B,EACjD,oBAAC;KACC,OAAO;KACP,gBAAgB,MAAM,qBAAqB,EAAe;eAEzD,gBAAgB,KAAK,SACpB,oBAAC;MAAiC,OAAO;gBACtC,kBAAkB;QADO,KAEJ,CACxB;MACqB;KACL,IACT;IAEb,EACN,qBAAC;GAAI,WAAU;cACb,oBAAC;IACC,OAAM;IACN;IACA,WAAU;cAEV,oBAAC;KAAmB,UAAU;eAC5B,oBAAC;MACC,MAAM;MACN,WAAW;MACX,MAAM,UAAU;MAChB,MAAM,UAAU;MAChB,QAAQ;MACR,YAAY,MAAM,QAAQ,UAAU,KAAK;OACzC;MACiB;KACT,EACd,oBAAC;IACC,OAAM;IACN;IACA,WAAU;cAET;KACW;IACV;GACD"}

package/dist/react/genie/index.d.ts

@@ -1,7 +1,7 @@
 import { GenieAttachmentResponse, GenieMessageResponse, GenieStatementResponse, GenieStreamEvent } from "../../shared/src/genie.js";
 import { ColumnCategory, GenieColumnMeta, TransformedGenieData, transformGenieData } from "./genie-query-transform.js";
 import { ChartInference, getCompatibleChartTypes, inferChartType } from "./genie-chart-inference.js";
-import { GenieChatProps, GenieChatStatus, GenieMessageItem, UseGenieChatOptions, UseGenieChatReturn } from "./types.js";
+import { GenieChatProps, GenieChatStatus, GenieMessageItem, TERMINAL_STATUSES, UseGenieChatOptions, UseGenieChatReturn } from "./types.js";
 import { GenieChat } from "./genie-chat.js";
 import { GenieChatInput } from "./genie-chat-input.js";
 import { GenieChatMessage } from "./genie-chat-message.js";

package/dist/react/genie/types.d.ts

@@ -2,6 +2,7 @@ import { GenieAttachmentResponse, GenieMessageResponse, GenieStatementResponse,
 import "../../shared/src/index.js";
 
 //#region src/react/genie/types.d.ts
+declare const TERMINAL_STATUSES: Set<string>;
 type GenieChatStatus = "idle" | "loading-history" | "loading-older" | "streaming" | "error";
 interface GenieMessageItem {
   id: string;
@@ -47,5 +48,5 @@ interface GenieChatProps {
   className?: string;
 }
 //#endregion
-export { GenieChatProps, GenieChatStatus, GenieMessageItem, UseGenieChatOptions, UseGenieChatReturn };
+export { GenieChatProps, GenieChatStatus, GenieMessageItem, TERMINAL_STATUSES, UseGenieChatOptions, UseGenieChatReturn };
 //# sourceMappingURL=types.d.ts.map

package/dist/react/genie/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/react/genie/types.ts"],"mappings":";;;;KASY,eAAA;AAAA,UAOK,gBAAA;EACf,EAAA;EACA,IAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA,EAAa,uBAAA;EACb,YAAA,EAAc,GAAA,SAAY,sBAAA;EAC1B,KAAA;AAAA;AAAA,UAGe,mBAAA;EAJW;EAM1B,KAAA;EANiB;EAQjB,QAAA;EAbA;EAeA,YAAA;EAbA;EAeA,YAAA;AAAA;AAAA,UAGe,kBAAA;EACf,QAAA,EAAU,gBAAA;EACV,MAAA,EAAQ,eAAA;EACR,cAAA;EACA,KAAA;EACA,WAAA,GAAc,OAAA;EACd,KAAA;EAjBe;EAmBf,eAAA;;EAEA,sBAAA;EAnBA;EAqBA,iBAAA;AAAA;AAAA,UAGe,cAAA;EAlBH;EAoBZ,KAAA;EAjBe;EAmBf,QAAA;;EAEA,WAAA;EApBA;EAsBA,SAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/react/genie/types.ts"],"mappings":";;;;cASa,iBAAA,EAAiB,GAAA;AAAA,KAElB,eAAA;AAAA,UAOK,gBAAA;EACf,EAAA;EACA,IAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA,EAAa,uBAAA;EACb,YAAA,EAAc,GAAA,SAAY,sBAAA;EAC1B,KAAA;AAAA;AAAA,UAGe,mBAAA;EAVA;EAYf,KAAA;;EAEA,QAAA;EAR0B;EAU1B,YAAA;EAViB;EAYjB,YAAA;AAAA;AAAA,UAGe,kBAAA;EACf,QAAA,EAAU,gBAAA;EACV,MAAA,EAAQ,eAAA;EACR,cAAA;EACA,KAAA;EACA,WAAA,GAAc,OAAA;EACd,KAAA;EArB0B;EAuB1B,eAAA;EAtBK;EAwBL,sBAAA;EArBe;EAuBf,iBAAA;AAAA;AAAA,UAGe,cAAA;EAxBf;EA0BA,KAAA;EAtBA;EAwBA,QAAA;EAtBY;EAwBZ,WAAA;EArBe;EAuBf,SAAA;AAAA"}

package/dist/react/genie/types.js

@@ -0,0 +1,6 @@
+//#region src/react/genie/types.ts
+const TERMINAL_STATUSES = new Set(["COMPLETED", "FAILED"]);
+
+//#endregion
+export { TERMINAL_STATUSES };
+//# sourceMappingURL=types.js.map

package/dist/react/genie/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/react/genie/types.ts"],"sourcesContent":["import type { GenieAttachmentResponse, GenieStatementResponse } from \"shared\";\n\nexport type {\n  GenieAttachmentResponse,\n  GenieMessageResponse,\n  GenieStatementResponse,\n  GenieStreamEvent,\n} from \"shared\";\n\nexport const TERMINAL_STATUSES = new Set([\"COMPLETED\", \"FAILED\"]);\n\nexport type GenieChatStatus =\n  | \"idle\"\n  | \"loading-history\"\n  | \"loading-older\"\n  | \"streaming\"\n  | \"error\";\n\nexport interface GenieMessageItem {\n  id: string;\n  role: \"user\" | \"assistant\";\n  content: string;\n  status: string;\n  attachments: GenieAttachmentResponse[];\n  queryResults: Map<string, GenieStatementResponse>;\n  error?: string;\n}\n\nexport interface UseGenieChatOptions {\n  /** Genie space alias (maps to backend route param) */\n  alias: string;\n  /** Base API path. Default: \"/api/genie\" */\n  basePath?: string;\n  /** Read/write conversationId from URL search params. Default: true */\n  persistInUrl?: boolean;\n  /** URL search param name. Default: \"conversationId\" */\n  urlParamName?: string;\n}\n\nexport interface UseGenieChatReturn {\n  messages: GenieMessageItem[];\n  status: GenieChatStatus;\n  conversationId: string | null;\n  error: string | null;\n  sendMessage: (content: string) => void;\n  reset: () => void;\n  /** Whether a previous page of older messages exists */\n  hasPreviousPage: boolean;\n  /** Whether a previous page is currently being fetched */\n  isFetchingPreviousPage: boolean;\n  /** Fetch the previous page of older messages */\n  fetchPreviousPage: () => void;\n}\n\nexport interface GenieChatProps {\n  /** Genie space alias (must match a key registered with the genie plugin on the server) */\n  alias: string;\n  /** Base API path */\n  basePath?: string;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Additional CSS class for the root container */\n  className?: string;\n}\n"],"mappings":";AASA,MAAa,oBAAoB,IAAI,IAAI,CAAC,aAAa,SAAS,CAAC"}

package/dist/react/genie/use-genie-chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-genie-chat.d.ts","names":[],"sources":["../../../src/react/genie/use-genie-chat.ts"],"mappings":";;;;;AAqJA;;;;;;;iBAAgB,YAAA,CAAa,OAAA,EAAS,mBAAA,GAAsB,kBAAA"}
+{"version":3,"file":"use-genie-chat.d.ts","names":[],"sources":["../../../src/react/genie/use-genie-chat.ts"],"mappings":";;;;;AA0KA;;;;;;;iBAAgB,YAAA,CAAa,OAAA,EAAS,mBAAA,GAAsB,kBAAA"}

package/dist/react/genie/use-genie-chat.js

@@ -1,5 +1,6 @@
 import { connectSSE } from "../../js/sse/connect-sse.js";
 import "../../js/index.js";
+import { TERMINAL_STATUSES } from "./types.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/react/genie/use-genie-chat.ts
@@ -49,9 +50,22 @@ function makeAssistantItem(msg) {
 /**
 * The API bundles user question (content) and AI answer (attachments) in one message.
 * Split into separate user + assistant items for display.
+*
+* When a message is still in-progress (non-terminal status) and has no
+* attachments yet, we emit an empty assistant placeholder so the UI can
+* show a loading indicator and later poll for the completed response.
 */
 function messageResultToItems(msg) {
-	if (!((msg.attachments?.length ?? 0) > 0)) return [makeUserItem(msg)];
+	const hasAttachments = (msg.attachments?.length ?? 0) > 0;
+	if (!hasAttachments && TERMINAL_STATUSES.has(msg.status)) return [makeUserItem(msg)];
+	if (!hasAttachments) return [makeUserItem(msg, "-user"), {
+		id: msg.messageId,
+		role: "assistant",
+		content: "",
+		status: msg.status,
+		attachments: [],
+		queryResults: /* @__PURE__ */ new Map()
+	}];
 	return [makeUserItem(msg, "-user"), makeAssistantItem(msg)];
 }
 /**
@@ -118,12 +132,12 @@ function useGenieChat(options) {
 	const conversationIdRef = useRef(null);
 	const nextPageTokenRef = useRef(null);
 	const isLoadingOlderRef = useRef(false);
+	const processStreamEventRef = useRef(() => {});
 	useEffect(() => {
 		conversationIdRef.current = conversationId;
 		nextPageTokenRef.current = nextPageToken;
 	}, [conversationId, nextPageToken]);
-	/** Process SSE events during live message streaming (sendMessage). */
-	const processStreamEvent = useCallback((event) => {
+	processStreamEventRef.current = useCallback((event) => {
 		switch (event.type) {
 			case "message_start":
 				setConversationId(event.conversationId);
@@ -140,15 +154,13 @@ function useGenieChat(options) {
 				});
 				break;
 			case "message_result": {
-				const msg = event.message;
-				if ((msg.attachments?.length ?? 0) > 0) {
-					const item = makeAssistantItem(msg);
-					setMessages((prev) => {
-						const last = prev[prev.length - 1];
-						if (last?.role === "assistant" && last.id === "") return [...prev.slice(0, -1), item];
-						return [...prev, item];
-					});
-				}
+				const item = makeAssistantItem(event.message);
+				setMessages((prev) => {
+					const last = prev[prev.length - 1];
+					if (!last || last.role !== "assistant") return prev;
+					if (last.id === event.message.messageId || last.id === "") return [...prev.slice(0, -1), item];
+					return prev;
+				});
 				break;
 			}
 			case "query_result":
@@ -213,7 +225,7 @@ function useGenieChat(options) {
 			signal: abortController.signal,
 			onMessage: async (message) => {
 				try {
-					processStreamEvent(JSON.parse(message.data));
+					processStreamEventRef.current(JSON.parse(message.data));
 				} catch {}
 			},
 			onError: (err) => {
@@ -227,12 +239,12 @@ function useGenieChat(options) {
 			}
 		}).then(() => {
 			if (!abortController.signal.aborted) setStatus((prev) => prev === "error" ? "error" : "idle");
+		}).catch(() => {
+			if (abortController.signal.aborted) return;
+			setError("Connection error. Please try again.");
+			setStatus("error");
 		});
-	}, [
-		alias,
-		basePath,
-		processStreamEvent
-	]);
+	}, [alias, basePath]);
 	/** Creates an AbortController, stores it in the given ref, and fetches a conversation page. */
 	const fetchPage = useCallback((controllerRef, convId, options) => {
 		controllerRef.current?.abort();
@@ -256,6 +268,30 @@ function useGenieChat(options) {
 			abortController
 		};
 	}, [alias, basePath]);
+	const pollPendingMessage = useCallback((convId, messageId, parentAbortController) => {
+		setStatus("streaming");
+		const requestId = crypto.randomUUID();
+		connectSSE({
+			url: `${basePath}/${encodeURIComponent(alias)}/conversations/${encodeURIComponent(convId)}/messages/${encodeURIComponent(messageId)}?requestId=${encodeURIComponent(requestId)}`,
+			signal: parentAbortController.signal,
+			onMessage: async (message) => {
+				try {
+					processStreamEventRef.current(JSON.parse(message.data));
+				} catch {}
+			},
+			onError: (err) => {
+				if (parentAbortController.signal.aborted) return;
+				setError(err instanceof Error ? err.message : "Failed to poll pending message.");
+				setStatus("error");
+			}
+		}).then(() => {
+			if (!parentAbortController.signal.aborted) setStatus((prev) => prev === "error" ? "error" : "idle");
+		}).catch(() => {
+			if (parentAbortController.signal.aborted) return;
+			setError("Failed to poll pending message.");
+			setStatus("error");
+		});
+	}, [alias, basePath]);
 	const loadHistory = useCallback((convId) => {
 		paginationAbortRef.current?.abort();
 		setStatus("loading-history");
@@ -264,12 +300,13 @@ function useGenieChat(options) {
 		setConversationId(convId);
 		const { promise, abortController } = fetchPage(abortControllerRef, convId, { errorMessage: "Failed to load conversation history." });
 		promise.then((items) => {
-			if (!abortController.signal.aborted) {
-				setMessages(items);
-				setStatus((prev) => prev === "error" ? "error" : "idle");
-			}
+			if (abortController.signal.aborted) return;
+			setMessages(items);
+			const lastItem = items[items.length - 1];
+			if (lastItem?.role === "assistant" && !TERMINAL_STATUSES.has(lastItem.status)) pollPendingMessage(convId, lastItem.id, abortController);
+			else setStatus((prev) => prev === "error" ? "error" : "idle");
 		});
-	}, [fetchPage]);
+	}, [fetchPage, pollPendingMessage]);
 	const fetchPreviousPage = useCallback(() => {
 		if (!nextPageTokenRef.current || !conversationIdRef.current || isLoadingOlderRef.current) return;
 		isLoadingOlderRef.current = true;

package/dist/react/genie/use-genie-chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-genie-chat.js","names":[],"sources":["../../../src/react/genie/use-genie-chat.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { connectSSE } from \"@/js\";\nimport type {\n  GenieChatStatus,\n  GenieMessageItem,\n  GenieMessageResponse,\n  GenieStreamEvent,\n  UseGenieChatOptions,\n  UseGenieChatReturn,\n} from \"./types\";\n\nfunction getUrlParam(name: string): string | null {\n  return new URLSearchParams(window.location.search).get(name);\n}\n\nfunction setUrlParam(name: string, value: string): void {\n  const url = new URL(window.location.href);\n  url.searchParams.set(name, value);\n  window.history.replaceState({}, \"\", url.toString());\n}\n\nfunction removeUrlParam(name: string): void {\n  const url = new URL(window.location.href);\n  url.searchParams.delete(name);\n  window.history.replaceState({}, \"\", url.toString());\n}\n\n/**\n * The Genie API puts the user's question in `message.content` and the\n * actual AI answer in text attachments. Extract the text attachment\n * content so we display the real answer, not the question echo.\n */\nfunction extractAssistantContent(msg: GenieMessageResponse): string {\n  const textParts = (msg.attachments ?? [])\n    .map((att) => att.text?.content)\n    .filter(Boolean) as string[];\n  return textParts.length > 0 ? textParts.join(\"\\n\\n\") : msg.content;\n}\n\nfunction makeUserItem(\n  msg: GenieMessageResponse,\n  idSuffix = \"\",\n): GenieMessageItem {\n  return {\n    id: `${msg.messageId}${idSuffix}`,\n    role: \"user\",\n    content: msg.content,\n    status: msg.status,\n    attachments: [],\n    queryResults: new Map(),\n  };\n}\n\nfunction makeAssistantItem(msg: GenieMessageResponse): GenieMessageItem {\n  return {\n    id: msg.messageId,\n    role: \"assistant\",\n    content: extractAssistantContent(msg),\n    status: msg.status,\n    attachments: msg.attachments ?? [],\n    queryResults: new Map(),\n    error: msg.error,\n  };\n}\n\n/**\n * The API bundles user question (content) and AI answer (attachments) in one message.\n * Split into separate user + assistant items for display.\n */\nfunction messageResultToItems(msg: GenieMessageResponse): GenieMessageItem[] {\n  const hasAttachments = (msg.attachments?.length ?? 0) > 0;\n  if (!hasAttachments) return [makeUserItem(msg)];\n  return [makeUserItem(msg, \"-user\"), makeAssistantItem(msg)];\n}\n\n/**\n * Streams a conversation page via SSE. Collects message items and query\n * results into a buffer and returns them when the stream completes.\n */\nfunction fetchConversationPage(\n  basePath: string,\n  alias: string,\n  convId: string,\n  options: {\n    pageToken?: string;\n    signal?: AbortSignal;\n    onPaginationInfo?: (nextPageToken: string | null) => void;\n    onError?: (error: string) => void;\n    onConnectionError?: (err: unknown) => void;\n  },\n): Promise<GenieMessageItem[]> {\n  const params = new URLSearchParams({\n    requestId: crypto.randomUUID(),\n  });\n  if (options.pageToken) {\n    params.set(\"pageToken\", options.pageToken);\n  }\n\n  const items: GenieMessageItem[] = [];\n  return connectSSE({\n    url: `${basePath}/${encodeURIComponent(alias)}/conversations/${encodeURIComponent(convId)}?${params}`,\n    signal: options.signal,\n    onMessage: async (message) => {\n      try {\n        const event = JSON.parse(message.data) as GenieStreamEvent;\n        switch (event.type) {\n          case \"message_result\":\n            items.push(...messageResultToItems(event.message));\n            break;\n          case \"query_result\":\n            for (let i = items.length - 1; i >= 0; i--) {\n              const item = items[i];\n              if (\n                item.attachments.some(\n                  (a) => a.attachmentId === event.attachmentId,\n                )\n              ) {\n                item.queryResults.set(event.attachmentId, event.data);\n                break;\n              }\n            }\n            break;\n          case \"history_info\":\n            options.onPaginationInfo?.(event.nextPageToken);\n            break;\n          case \"error\":\n            options.onError?.(event.error);\n            break;\n        }\n      } catch {\n        // Malformed SSE data\n      }\n    },\n    onError: (err) => options.onConnectionError?.(err),\n  }).then(() => items);\n}\n\n/** Minimum time (ms) to hold the loading-older state so scroll inertia settles before prepending messages. */\nconst MIN_PREVIOUS_PAGE_LOAD_MS = 800;\n\n/**\n * Manages the full Genie chat lifecycle:\n * SSE streaming, conversation persistence via URL, and history replay.\n *\n * @example\n * ```tsx\n * const { messages, status, sendMessage, reset } = useGenieChat({ alias: \"demo\" });\n * ```\n */\nexport function useGenieChat(options: UseGenieChatOptions): UseGenieChatReturn {\n  const {\n    alias,\n    basePath = \"/api/genie\",\n    persistInUrl = true,\n    urlParamName = \"conversationId\",\n  } = options;\n\n  const [messages, setMessages] = useState<GenieMessageItem[]>([]);\n  const [status, setStatus] = useState<GenieChatStatus>(\"idle\");\n  const [conversationId, setConversationId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [nextPageToken, setNextPageToken] = useState<string | null>(null);\n\n  const hasPreviousPage = nextPageToken !== null;\n  const isFetchingPreviousPage = status === \"loading-older\";\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n  const paginationAbortRef = useRef<AbortController | null>(null);\n  const conversationIdRef = useRef<string | null>(null);\n  const nextPageTokenRef = useRef<string | null>(null);\n  const isLoadingOlderRef = useRef(false);\n\n  useEffect(() => {\n    conversationIdRef.current = conversationId;\n    nextPageTokenRef.current = nextPageToken;\n  }, [conversationId, nextPageToken]);\n\n  /** Process SSE events during live message streaming (sendMessage). */\n  const processStreamEvent = useCallback(\n    (event: GenieStreamEvent) => {\n      switch (event.type) {\n        case \"message_start\": {\n          setConversationId(event.conversationId);\n          if (persistInUrl) {\n            setUrlParam(urlParamName, event.conversationId);\n          }\n          break;\n        }\n\n        case \"status\": {\n          setMessages((prev) => {\n            const last = prev[prev.length - 1];\n            if (last?.role === \"assistant\") {\n              return [...prev.slice(0, -1), { ...last, status: event.status }];\n            }\n            return prev;\n          });\n          break;\n        }\n\n        case \"message_result\": {\n          const msg = event.message;\n          const hasAttachments = (msg.attachments?.length ?? 0) > 0;\n\n          if (hasAttachments) {\n            // During streaming we already appended the user message locally,\n            // so only handle assistant results. Messages without attachments\n            // are the user-message echo from the API — skip those.\n            const item = makeAssistantItem(msg);\n            setMessages((prev) => {\n              const last = prev[prev.length - 1];\n              if (last?.role === \"assistant\" && last.id === \"\") {\n                return [...prev.slice(0, -1), item];\n              }\n              return [...prev, item];\n            });\n          }\n          break;\n        }\n\n        case \"query_result\": {\n          setMessages((prev) => {\n            // Reverse scan — query results typically match recent messages\n            for (let i = prev.length - 1; i >= 0; i--) {\n              const msg = prev[i];\n              if (\n                msg.attachments.some(\n                  (a) => a.attachmentId === event.attachmentId,\n                )\n              ) {\n                const updated = prev.slice();\n                updated[i] = {\n                  ...msg,\n                  queryResults: new Map(msg.queryResults).set(\n                    event.attachmentId,\n                    event.data,\n                  ),\n                };\n                return updated;\n              }\n            }\n            return prev;\n          });\n          break;\n        }\n\n        case \"error\": {\n          setError(event.error);\n          setStatus(\"error\");\n          break;\n        }\n      }\n    },\n    [persistInUrl, urlParamName],\n  );\n\n  const sendMessage = useCallback(\n    (content: string) => {\n      const trimmed = content.trim();\n      if (!trimmed) return;\n\n      abortControllerRef.current?.abort();\n      paginationAbortRef.current?.abort();\n      setError(null);\n      setStatus(\"streaming\");\n\n      const userMessage: GenieMessageItem = {\n        id: crypto.randomUUID(),\n        role: \"user\",\n        content: trimmed,\n        status: \"COMPLETED\",\n        attachments: [],\n        queryResults: new Map(),\n      };\n\n      const assistantPlaceholder: GenieMessageItem = {\n        id: \"\",\n        role: \"assistant\",\n        content: \"\",\n        status: \"ASKING_AI\",\n        attachments: [],\n        queryResults: new Map(),\n      };\n\n      setMessages((prev) => [...prev, userMessage, assistantPlaceholder]);\n\n      const abortController = new AbortController();\n      abortControllerRef.current = abortController;\n\n      const requestId = crypto.randomUUID();\n\n      connectSSE({\n        url: `${basePath}/${encodeURIComponent(alias)}/messages?requestId=${encodeURIComponent(requestId)}`,\n        payload: {\n          content: trimmed,\n          conversationId: conversationIdRef.current ?? undefined,\n        },\n        signal: abortController.signal,\n        onMessage: async (message) => {\n          try {\n            processStreamEvent(JSON.parse(message.data) as GenieStreamEvent);\n          } catch {\n            // Malformed SSE data\n          }\n        },\n        onError: (err) => {\n          if (abortController.signal.aborted) return;\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Connection error. Please try again.\",\n          );\n          setStatus(\"error\");\n          setMessages((prev) => {\n            const last = prev[prev.length - 1];\n            return last?.role === \"assistant\" && last.id === \"\"\n              ? prev.slice(0, -1)\n              : prev;\n          });\n        },\n      }).then(() => {\n        if (!abortController.signal.aborted) {\n          setStatus((prev) => (prev === \"error\" ? \"error\" : \"idle\"));\n        }\n      });\n    },\n    [alias, basePath, processStreamEvent],\n  );\n\n  /** Creates an AbortController, stores it in the given ref, and fetches a conversation page. */\n  const fetchPage = useCallback(\n    (\n      controllerRef: { current: AbortController | null },\n      convId: string,\n      options?: { pageToken?: string; errorMessage?: string },\n    ) => {\n      controllerRef.current?.abort();\n      const abortController = new AbortController();\n      controllerRef.current = abortController;\n\n      const promise = fetchConversationPage(basePath, alias, convId, {\n        pageToken: options?.pageToken,\n        signal: abortController.signal,\n        onPaginationInfo: setNextPageToken,\n        onError: (msg) => {\n          setError(msg);\n          setStatus(\"error\");\n        },\n        onConnectionError: (err) => {\n          if (abortController.signal.aborted) return;\n          setError(\n            err instanceof Error\n              ? err.message\n              : (options?.errorMessage ?? \"Failed to load messages.\"),\n          );\n          setStatus(\"error\");\n        },\n      });\n\n      return { promise, abortController };\n    },\n    [alias, basePath],\n  );\n\n  const loadHistory = useCallback(\n    (convId: string) => {\n      paginationAbortRef.current?.abort();\n      setStatus(\"loading-history\");\n      setError(null);\n      setMessages([]);\n      setConversationId(convId);\n\n      const { promise, abortController } = fetchPage(\n        abortControllerRef,\n        convId,\n        { errorMessage: \"Failed to load conversation history.\" },\n      );\n      promise.then((items) => {\n        if (!abortController.signal.aborted) {\n          setMessages(items);\n          setStatus((prev) => (prev === \"error\" ? \"error\" : \"idle\"));\n        }\n      });\n    },\n    [fetchPage],\n  );\n\n  const fetchPreviousPage = useCallback(() => {\n    if (\n      !nextPageTokenRef.current ||\n      !conversationIdRef.current ||\n      isLoadingOlderRef.current\n    )\n      return;\n\n    isLoadingOlderRef.current = true;\n    setStatus(\"loading-older\");\n    setError(null);\n\n    const startTime = Date.now();\n    const { promise, abortController } = fetchPage(\n      paginationAbortRef,\n      conversationIdRef.current,\n      {\n        pageToken: nextPageTokenRef.current,\n        errorMessage: \"Failed to load older messages.\",\n      },\n    );\n    promise\n      .then(async (items) => {\n        if (abortController.signal.aborted) return;\n        const elapsed = Date.now() - startTime;\n        if (elapsed < MIN_PREVIOUS_PAGE_LOAD_MS) {\n          await new Promise((r) =>\n            setTimeout(r, MIN_PREVIOUS_PAGE_LOAD_MS - elapsed),\n          );\n        }\n        if (abortController.signal.aborted) return;\n        if (items.length > 0) {\n          setMessages((prev) => [...items, ...prev]);\n        }\n        setStatus((current) =>\n          current === \"loading-older\" ? \"idle\" : current,\n        );\n      })\n      .finally(() => {\n        isLoadingOlderRef.current = false;\n      });\n  }, [fetchPage]);\n\n  const reset = useCallback(() => {\n    abortControllerRef.current?.abort();\n    paginationAbortRef.current?.abort();\n    setMessages([]);\n    setConversationId(null);\n    setError(null);\n    setStatus(\"idle\");\n    setNextPageToken(null);\n    if (persistInUrl) {\n      removeUrlParam(urlParamName);\n    }\n  }, [persistInUrl, urlParamName]);\n\n  useEffect(() => {\n    if (!persistInUrl) return;\n    const existingId = getUrlParam(urlParamName);\n    if (existingId) {\n      loadHistory(existingId);\n    }\n    return () => {\n      abortControllerRef.current?.abort();\n      paginationAbortRef.current?.abort();\n    };\n  }, [persistInUrl, urlParamName, loadHistory]);\n\n  return {\n    messages,\n    status,\n    conversationId,\n    error,\n    sendMessage,\n    reset,\n    hasPreviousPage,\n    isFetchingPreviousPage,\n    fetchPreviousPage,\n  };\n}\n"],"mappings":";;;;;AAWA,SAAS,YAAY,MAA6B;AAChD,QAAO,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAAC,IAAI,KAAK;;AAG9D,SAAS,YAAY,MAAc,OAAqB;CACtD,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;AACzC,KAAI,aAAa,IAAI,MAAM,MAAM;AACjC,QAAO,QAAQ,aAAa,EAAE,EAAE,IAAI,IAAI,UAAU,CAAC;;AAGrD,SAAS,eAAe,MAAoB;CAC1C,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;AACzC,KAAI,aAAa,OAAO,KAAK;AAC7B,QAAO,QAAQ,aAAa,EAAE,EAAE,IAAI,IAAI,UAAU,CAAC;;;;;;;AAQrD,SAAS,wBAAwB,KAAmC;CAClE,MAAM,aAAa,IAAI,eAAe,EAAE,EACrC,KAAK,QAAQ,IAAI,MAAM,QAAQ,CAC/B,OAAO,QAAQ;AAClB,QAAO,UAAU,SAAS,IAAI,UAAU,KAAK,OAAO,GAAG,IAAI;;AAG7D,SAAS,aACP,KACA,WAAW,IACO;AAClB,QAAO;EACL,IAAI,GAAG,IAAI,YAAY;EACvB,MAAM;EACN,SAAS,IAAI;EACb,QAAQ,IAAI;EACZ,aAAa,EAAE;EACf,8BAAc,IAAI,KAAK;EACxB;;AAGH,SAAS,kBAAkB,KAA6C;AACtE,QAAO;EACL,IAAI,IAAI;EACR,MAAM;EACN,SAAS,wBAAwB,IAAI;EACrC,QAAQ,IAAI;EACZ,aAAa,IAAI,eAAe,EAAE;EAClC,8BAAc,IAAI,KAAK;EACvB,OAAO,IAAI;EACZ;;;;;;AAOH,SAAS,qBAAqB,KAA+C;AAE3E,KAAI,GADoB,IAAI,aAAa,UAAU,KAAK,GACnC,QAAO,CAAC,aAAa,IAAI,CAAC;AAC/C,QAAO,CAAC,aAAa,KAAK,QAAQ,EAAE,kBAAkB,IAAI,CAAC;;;;;;AAO7D,SAAS,sBACP,UACA,OACA,QACA,SAO6B;CAC7B,MAAM,SAAS,IAAI,gBAAgB,EACjC,WAAW,OAAO,YAAY,EAC/B,CAAC;AACF,KAAI,QAAQ,UACV,QAAO,IAAI,aAAa,QAAQ,UAAU;CAG5C,MAAM,QAA4B,EAAE;AACpC,QAAO,WAAW;EAChB,KAAK,GAAG,SAAS,GAAG,mBAAmB,MAAM,CAAC,iBAAiB,mBAAmB,OAAO,CAAC,GAAG;EAC7F,QAAQ,QAAQ;EAChB,WAAW,OAAO,YAAY;AAC5B,OAAI;IACF,MAAM,QAAQ,KAAK,MAAM,QAAQ,KAAK;AACtC,YAAQ,MAAM,MAAd;KACE,KAAK;AACH,YAAM,KAAK,GAAG,qBAAqB,MAAM,QAAQ,CAAC;AAClD;KACF,KAAK;AACH,WAAK,IAAI,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;OAC1C,MAAM,OAAO,MAAM;AACnB,WACE,KAAK,YAAY,MACd,MAAM,EAAE,iBAAiB,MAAM,aACjC,EACD;AACA,aAAK,aAAa,IAAI,MAAM,cAAc,MAAM,KAAK;AACrD;;;AAGJ;KACF,KAAK;AACH,cAAQ,mBAAmB,MAAM,cAAc;AAC/C;KACF,KAAK;AACH,cAAQ,UAAU,MAAM,MAAM;AAC9B;;WAEE;;EAIV,UAAU,QAAQ,QAAQ,oBAAoB,IAAI;EACnD,CAAC,CAAC,WAAW,MAAM;;;AAItB,MAAM,4BAA4B;;;;;;;;;;AAWlC,SAAgB,aAAa,SAAkD;CAC7E,MAAM,EACJ,OACA,WAAW,cACX,eAAe,MACf,eAAe,qBACb;CAEJ,MAAM,CAAC,UAAU,eAAe,SAA6B,EAAE,CAAC;CAChE,MAAM,CAAC,QAAQ,aAAa,SAA0B,OAAO;CAC7D,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CACzE,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;CACvD,MAAM,CAAC,eAAe,oBAAoB,SAAwB,KAAK;CAEvE,MAAM,kBAAkB,kBAAkB;CAC1C,MAAM,yBAAyB,WAAW;CAE1C,MAAM,qBAAqB,OAA+B,KAAK;CAC/D,MAAM,qBAAqB,OAA+B,KAAK;CAC/D,MAAM,oBAAoB,OAAsB,KAAK;CACrD,MAAM,mBAAmB,OAAsB,KAAK;CACpD,MAAM,oBAAoB,OAAO,MAAM;AAEvC,iBAAgB;AACd,oBAAkB,UAAU;AAC5B,mBAAiB,UAAU;IAC1B,CAAC,gBAAgB,cAAc,CAAC;;CAGnC,MAAM,qBAAqB,aACxB,UAA4B;AAC3B,UAAQ,MAAM,MAAd;GACE,KAAK;AACH,sBAAkB,MAAM,eAAe;AACvC,QAAI,aACF,aAAY,cAAc,MAAM,eAAe;AAEjD;GAGF,KAAK;AACH,iBAAa,SAAS;KACpB,MAAM,OAAO,KAAK,KAAK,SAAS;AAChC,SAAI,MAAM,SAAS,YACjB,QAAO,CAAC,GAAG,KAAK,MAAM,GAAG,GAAG,EAAE;MAAE,GAAG;MAAM,QAAQ,MAAM;MAAQ,CAAC;AAElE,YAAO;MACP;AACF;GAGF,KAAK,kBAAkB;IACrB,MAAM,MAAM,MAAM;AAGlB,SAFwB,IAAI,aAAa,UAAU,KAAK,GAEpC;KAIlB,MAAM,OAAO,kBAAkB,IAAI;AACnC,kBAAa,SAAS;MACpB,MAAM,OAAO,KAAK,KAAK,SAAS;AAChC,UAAI,MAAM,SAAS,eAAe,KAAK,OAAO,GAC5C,QAAO,CAAC,GAAG,KAAK,MAAM,GAAG,GAAG,EAAE,KAAK;AAErC,aAAO,CAAC,GAAG,MAAM,KAAK;OACtB;;AAEJ;;GAGF,KAAK;AACH,iBAAa,SAAS;AAEpB,UAAK,IAAI,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK;MACzC,MAAM,MAAM,KAAK;AACjB,UACE,IAAI,YAAY,MACb,MAAM,EAAE,iBAAiB,MAAM,aACjC,EACD;OACA,MAAM,UAAU,KAAK,OAAO;AAC5B,eAAQ,KAAK;QACX,GAAG;QACH,cAAc,IAAI,IAAI,IAAI,aAAa,CAAC,IACtC,MAAM,cACN,MAAM,KACP;QACF;AACD,cAAO;;;AAGX,YAAO;MACP;AACF;GAGF,KAAK;AACH,aAAS,MAAM,MAAM;AACrB,cAAU,QAAQ;AAClB;;IAIN,CAAC,cAAc,aAAa,CAC7B;CAED,MAAM,cAAc,aACjB,YAAoB;EACnB,MAAM,UAAU,QAAQ,MAAM;AAC9B,MAAI,CAAC,QAAS;AAEd,qBAAmB,SAAS,OAAO;AACnC,qBAAmB,SAAS,OAAO;AACnC,WAAS,KAAK;AACd,YAAU,YAAY;EAEtB,MAAM,cAAgC;GACpC,IAAI,OAAO,YAAY;GACvB,MAAM;GACN,SAAS;GACT,QAAQ;GACR,aAAa,EAAE;GACf,8BAAc,IAAI,KAAK;GACxB;EAED,MAAM,uBAAyC;GAC7C,IAAI;GACJ,MAAM;GACN,SAAS;GACT,QAAQ;GACR,aAAa,EAAE;GACf,8BAAc,IAAI,KAAK;GACxB;AAED,eAAa,SAAS;GAAC,GAAG;GAAM;GAAa;GAAqB,CAAC;EAEnE,MAAM,kBAAkB,IAAI,iBAAiB;AAC7C,qBAAmB,UAAU;EAE7B,MAAM,YAAY,OAAO,YAAY;AAErC,aAAW;GACT,KAAK,GAAG,SAAS,GAAG,mBAAmB,MAAM,CAAC,sBAAsB,mBAAmB,UAAU;GACjG,SAAS;IACP,SAAS;IACT,gBAAgB,kBAAkB,WAAW;IAC9C;GACD,QAAQ,gBAAgB;GACxB,WAAW,OAAO,YAAY;AAC5B,QAAI;AACF,wBAAmB,KAAK,MAAM,QAAQ,KAAK,CAAqB;YAC1D;;GAIV,UAAU,QAAQ;AAChB,QAAI,gBAAgB,OAAO,QAAS;AACpC,aACE,eAAe,QACX,IAAI,UACJ,sCACL;AACD,cAAU,QAAQ;AAClB,iBAAa,SAAS;KACpB,MAAM,OAAO,KAAK,KAAK,SAAS;AAChC,YAAO,MAAM,SAAS,eAAe,KAAK,OAAO,KAC7C,KAAK,MAAM,GAAG,GAAG,GACjB;MACJ;;GAEL,CAAC,CAAC,WAAW;AACZ,OAAI,CAAC,gBAAgB,OAAO,QAC1B,YAAW,SAAU,SAAS,UAAU,UAAU,OAAQ;IAE5D;IAEJ;EAAC;EAAO;EAAU;EAAmB,CACtC;;CAGD,MAAM,YAAY,aAEd,eACA,QACA,YACG;AACH,gBAAc,SAAS,OAAO;EAC9B,MAAM,kBAAkB,IAAI,iBAAiB;AAC7C,gBAAc,UAAU;AAqBxB,SAAO;GAAE,SAnBO,sBAAsB,UAAU,OAAO,QAAQ;IAC7D,WAAW,SAAS;IACpB,QAAQ,gBAAgB;IACxB,kBAAkB;IAClB,UAAU,QAAQ;AAChB,cAAS,IAAI;AACb,eAAU,QAAQ;;IAEpB,oBAAoB,QAAQ;AAC1B,SAAI,gBAAgB,OAAO,QAAS;AACpC,cACE,eAAe,QACX,IAAI,UACH,SAAS,gBAAgB,2BAC/B;AACD,eAAU,QAAQ;;IAErB,CAAC;GAEgB;GAAiB;IAErC,CAAC,OAAO,SAAS,CAClB;CAED,MAAM,cAAc,aACjB,WAAmB;AAClB,qBAAmB,SAAS,OAAO;AACnC,YAAU,kBAAkB;AAC5B,WAAS,KAAK;AACd,cAAY,EAAE,CAAC;AACf,oBAAkB,OAAO;EAEzB,MAAM,EAAE,SAAS,oBAAoB,UACnC,oBACA,QACA,EAAE,cAAc,wCAAwC,CACzD;AACD,UAAQ,MAAM,UAAU;AACtB,OAAI,CAAC,gBAAgB,OAAO,SAAS;AACnC,gBAAY,MAAM;AAClB,eAAW,SAAU,SAAS,UAAU,UAAU,OAAQ;;IAE5D;IAEJ,CAAC,UAAU,CACZ;CAED,MAAM,oBAAoB,kBAAkB;AAC1C,MACE,CAAC,iBAAiB,WAClB,CAAC,kBAAkB,WACnB,kBAAkB,QAElB;AAEF,oBAAkB,UAAU;AAC5B,YAAU,gBAAgB;AAC1B,WAAS,KAAK;EAEd,MAAM,YAAY,KAAK,KAAK;EAC5B,MAAM,EAAE,SAAS,oBAAoB,UACnC,oBACA,kBAAkB,SAClB;GACE,WAAW,iBAAiB;GAC5B,cAAc;GACf,CACF;AACD,UACG,KAAK,OAAO,UAAU;AACrB,OAAI,gBAAgB,OAAO,QAAS;GACpC,MAAM,UAAU,KAAK,KAAK,GAAG;AAC7B,OAAI,UAAU,0BACZ,OAAM,IAAI,SAAS,MACjB,WAAW,GAAG,4BAA4B,QAAQ,CACnD;AAEH,OAAI,gBAAgB,OAAO,QAAS;AACpC,OAAI,MAAM,SAAS,EACjB,cAAa,SAAS,CAAC,GAAG,OAAO,GAAG,KAAK,CAAC;AAE5C,cAAW,YACT,YAAY,kBAAkB,SAAS,QACxC;IACD,CACD,cAAc;AACb,qBAAkB,UAAU;IAC5B;IACH,CAAC,UAAU,CAAC;CAEf,MAAM,QAAQ,kBAAkB;AAC9B,qBAAmB,SAAS,OAAO;AACnC,qBAAmB,SAAS,OAAO;AACnC,cAAY,EAAE,CAAC;AACf,oBAAkB,KAAK;AACvB,WAAS,KAAK;AACd,YAAU,OAAO;AACjB,mBAAiB,KAAK;AACtB,MAAI,aACF,gBAAe,aAAa;IAE7B,CAAC,cAAc,aAAa,CAAC;AAEhC,iBAAgB;AACd,MAAI,CAAC,aAAc;EACnB,MAAM,aAAa,YAAY,aAAa;AAC5C,MAAI,WACF,aAAY,WAAW;AAEzB,eAAa;AACX,sBAAmB,SAAS,OAAO;AACnC,sBAAmB,SAAS,OAAO;;IAEpC;EAAC;EAAc;EAAc;EAAY,CAAC;AAE7C,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"use-genie-chat.js","names":[],"sources":["../../../src/react/genie/use-genie-chat.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { connectSSE } from \"@/js\";\nimport {\n  type GenieChatStatus,\n  type GenieMessageItem,\n  type GenieMessageResponse,\n  type GenieStreamEvent,\n  TERMINAL_STATUSES,\n  type UseGenieChatOptions,\n  type UseGenieChatReturn,\n} from \"./types\";\n\nfunction getUrlParam(name: string): string | null {\n  return new URLSearchParams(window.location.search).get(name);\n}\n\nfunction setUrlParam(name: string, value: string): void {\n  const url = new URL(window.location.href);\n  url.searchParams.set(name, value);\n  window.history.replaceState({}, \"\", url.toString());\n}\n\nfunction removeUrlParam(name: string): void {\n  const url = new URL(window.location.href);\n  url.searchParams.delete(name);\n  window.history.replaceState({}, \"\", url.toString());\n}\n\n/**\n * The Genie API puts the user's question in `message.content` and the\n * actual AI answer in text attachments. Extract the text attachment\n * content so we display the real answer, not the question echo.\n */\nfunction extractAssistantContent(msg: GenieMessageResponse): string {\n  const textParts = (msg.attachments ?? [])\n    .map((att) => att.text?.content)\n    .filter(Boolean) as string[];\n  return textParts.length > 0 ? textParts.join(\"\\n\\n\") : msg.content;\n}\n\nfunction makeUserItem(\n  msg: GenieMessageResponse,\n  idSuffix = \"\",\n): GenieMessageItem {\n  return {\n    id: `${msg.messageId}${idSuffix}`,\n    role: \"user\",\n    content: msg.content,\n    status: msg.status,\n    attachments: [],\n    queryResults: new Map(),\n  };\n}\n\nfunction makeAssistantItem(msg: GenieMessageResponse): GenieMessageItem {\n  return {\n    id: msg.messageId,\n    role: \"assistant\",\n    content: extractAssistantContent(msg),\n    status: msg.status,\n    attachments: msg.attachments ?? [],\n    queryResults: new Map(),\n    error: msg.error,\n  };\n}\n\n/**\n * The API bundles user question (content) and AI answer (attachments) in one message.\n * Split into separate user + assistant items for display.\n *\n * When a message is still in-progress (non-terminal status) and has no\n * attachments yet, we emit an empty assistant placeholder so the UI can\n * show a loading indicator and later poll for the completed response.\n */\nfunction messageResultToItems(msg: GenieMessageResponse): GenieMessageItem[] {\n  const hasAttachments = (msg.attachments?.length ?? 0) > 0;\n\n  if (!hasAttachments && TERMINAL_STATUSES.has(msg.status)) {\n    return [makeUserItem(msg)];\n  }\n  if (!hasAttachments) {\n    return [\n      makeUserItem(msg, \"-user\"),\n      {\n        id: msg.messageId,\n        role: \"assistant\",\n        content: \"\",\n        status: msg.status,\n        attachments: [],\n        queryResults: new Map(),\n      },\n    ];\n  }\n  return [makeUserItem(msg, \"-user\"), makeAssistantItem(msg)];\n}\n\n/**\n * Streams a conversation page via SSE. Collects message items and query\n * results into a buffer and returns them when the stream completes.\n */\nfunction fetchConversationPage(\n  basePath: string,\n  alias: string,\n  convId: string,\n  options: {\n    pageToken?: string;\n    signal?: AbortSignal;\n    onPaginationInfo?: (nextPageToken: string | null) => void;\n    onError?: (error: string) => void;\n    onConnectionError?: (err: unknown) => void;\n  },\n): Promise<GenieMessageItem[]> {\n  const params = new URLSearchParams({\n    requestId: crypto.randomUUID(),\n  });\n  if (options.pageToken) {\n    params.set(\"pageToken\", options.pageToken);\n  }\n\n  const items: GenieMessageItem[] = [];\n  return connectSSE({\n    url: `${basePath}/${encodeURIComponent(alias)}/conversations/${encodeURIComponent(convId)}?${params}`,\n    signal: options.signal,\n    onMessage: async (message) => {\n      try {\n        const event = JSON.parse(message.data) as GenieStreamEvent;\n        switch (event.type) {\n          case \"message_result\":\n            items.push(...messageResultToItems(event.message));\n            break;\n          case \"query_result\":\n            for (let i = items.length - 1; i >= 0; i--) {\n              const item = items[i];\n              if (\n                item.attachments.some(\n                  (a) => a.attachmentId === event.attachmentId,\n                )\n              ) {\n                item.queryResults.set(event.attachmentId, event.data);\n                break;\n              }\n            }\n            break;\n          case \"history_info\":\n            options.onPaginationInfo?.(event.nextPageToken);\n            break;\n          case \"error\":\n            options.onError?.(event.error);\n            break;\n        }\n      } catch {\n        // Malformed SSE data\n      }\n    },\n    onError: (err) => options.onConnectionError?.(err),\n  }).then(() => items);\n}\n\n/** Minimum time (ms) to hold the loading-older state so scroll inertia settles before prepending messages. */\nconst MIN_PREVIOUS_PAGE_LOAD_MS = 800;\n\n/**\n * Manages the full Genie chat lifecycle:\n * SSE streaming, conversation persistence via URL, and history replay.\n *\n * @example\n * ```tsx\n * const { messages, status, sendMessage, reset } = useGenieChat({ alias: \"demo\" });\n * ```\n */\nexport function useGenieChat(options: UseGenieChatOptions): UseGenieChatReturn {\n  const {\n    alias,\n    basePath = \"/api/genie\",\n    persistInUrl = true,\n    urlParamName = \"conversationId\",\n  } = options;\n\n  const [messages, setMessages] = useState<GenieMessageItem[]>([]);\n  const [status, setStatus] = useState<GenieChatStatus>(\"idle\");\n  const [conversationId, setConversationId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [nextPageToken, setNextPageToken] = useState<string | null>(null);\n\n  const hasPreviousPage = nextPageToken !== null;\n  const isFetchingPreviousPage = status === \"loading-older\";\n\n  const abortControllerRef = useRef<AbortController | null>(null);\n  const paginationAbortRef = useRef<AbortController | null>(null);\n  const conversationIdRef = useRef<string | null>(null);\n  const nextPageTokenRef = useRef<string | null>(null);\n  const isLoadingOlderRef = useRef(false);\n  const processStreamEventRef = useRef<(event: GenieStreamEvent) => void>(\n    () => {},\n  );\n\n  useEffect(() => {\n    conversationIdRef.current = conversationId;\n    nextPageTokenRef.current = nextPageToken;\n  }, [conversationId, nextPageToken]);\n\n  /** Process SSE events during live message streaming (sendMessage). */\n  const processStreamEvent = useCallback(\n    (event: GenieStreamEvent) => {\n      switch (event.type) {\n        case \"message_start\": {\n          setConversationId(event.conversationId);\n          if (persistInUrl) {\n            setUrlParam(urlParamName, event.conversationId);\n          }\n          break;\n        }\n\n        case \"status\": {\n          setMessages((prev) => {\n            const last = prev[prev.length - 1];\n            if (last?.role === \"assistant\") {\n              return [...prev.slice(0, -1), { ...last, status: event.status }];\n            }\n            return prev;\n          });\n          break;\n        }\n\n        case \"message_result\": {\n          const item = makeAssistantItem(event.message);\n          setMessages((prev) => {\n            const last = prev[prev.length - 1];\n            if (!last || last.role !== \"assistant\") return prev;\n\n            if (last.id === event.message.messageId || last.id === \"\") {\n              return [...prev.slice(0, -1), item];\n            }\n\n            return prev;\n          });\n          break;\n        }\n\n        case \"query_result\": {\n          setMessages((prev) => {\n            // Reverse scan — query results typically match recent messages\n            for (let i = prev.length - 1; i >= 0; i--) {\n              const msg = prev[i];\n              if (\n                msg.attachments.some(\n                  (a) => a.attachmentId === event.attachmentId,\n                )\n              ) {\n                const updated = prev.slice();\n                updated[i] = {\n                  ...msg,\n                  queryResults: new Map(msg.queryResults).set(\n                    event.attachmentId,\n                    event.data,\n                  ),\n                };\n                return updated;\n              }\n            }\n            return prev;\n          });\n          break;\n        }\n\n        case \"error\": {\n          setError(event.error);\n          setStatus(\"error\");\n          break;\n        }\n      }\n    },\n    [persistInUrl, urlParamName],\n  );\n\n  processStreamEventRef.current = processStreamEvent;\n\n  const sendMessage = useCallback(\n    (content: string) => {\n      const trimmed = content.trim();\n      if (!trimmed) return;\n\n      abortControllerRef.current?.abort();\n      paginationAbortRef.current?.abort();\n      setError(null);\n      setStatus(\"streaming\");\n\n      const userMessage: GenieMessageItem = {\n        id: crypto.randomUUID(),\n        role: \"user\",\n        content: trimmed,\n        status: \"COMPLETED\",\n        attachments: [],\n        queryResults: new Map(),\n      };\n\n      const assistantPlaceholder: GenieMessageItem = {\n        id: \"\",\n        role: \"assistant\",\n        content: \"\",\n        status: \"ASKING_AI\",\n        attachments: [],\n        queryResults: new Map(),\n      };\n\n      setMessages((prev) => [...prev, userMessage, assistantPlaceholder]);\n\n      const abortController = new AbortController();\n      abortControllerRef.current = abortController;\n\n      const requestId = crypto.randomUUID();\n\n      connectSSE({\n        url: `${basePath}/${encodeURIComponent(alias)}/messages?requestId=${encodeURIComponent(requestId)}`,\n        payload: {\n          content: trimmed,\n          conversationId: conversationIdRef.current ?? undefined,\n        },\n        signal: abortController.signal,\n        onMessage: async (message) => {\n          try {\n            processStreamEventRef.current(\n              JSON.parse(message.data) as GenieStreamEvent,\n            );\n          } catch {\n            // Malformed SSE data\n          }\n        },\n        onError: (err) => {\n          if (abortController.signal.aborted) return;\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Connection error. Please try again.\",\n          );\n          setStatus(\"error\");\n          setMessages((prev) => {\n            const last = prev[prev.length - 1];\n            return last?.role === \"assistant\" && last.id === \"\"\n              ? prev.slice(0, -1)\n              : prev;\n          });\n        },\n      })\n        .then(() => {\n          if (!abortController.signal.aborted) {\n            setStatus((prev) => (prev === \"error\" ? \"error\" : \"idle\"));\n          }\n        })\n        .catch(() => {\n          if (abortController.signal.aborted) return;\n          setError(\"Connection error. Please try again.\");\n          setStatus(\"error\");\n        });\n    },\n    [alias, basePath],\n  );\n\n  /** Creates an AbortController, stores it in the given ref, and fetches a conversation page. */\n  const fetchPage = useCallback(\n    (\n      controllerRef: { current: AbortController | null },\n      convId: string,\n      options?: { pageToken?: string; errorMessage?: string },\n    ) => {\n      controllerRef.current?.abort();\n      const abortController = new AbortController();\n      controllerRef.current = abortController;\n\n      const promise = fetchConversationPage(basePath, alias, convId, {\n        pageToken: options?.pageToken,\n        signal: abortController.signal,\n        onPaginationInfo: setNextPageToken,\n        onError: (msg) => {\n          setError(msg);\n          setStatus(\"error\");\n        },\n        onConnectionError: (err) => {\n          if (abortController.signal.aborted) return;\n          setError(\n            err instanceof Error\n              ? err.message\n              : (options?.errorMessage ?? \"Failed to load messages.\"),\n          );\n          setStatus(\"error\");\n        },\n      });\n\n      return { promise, abortController };\n    },\n    [alias, basePath],\n  );\n\n  const pollPendingMessage = useCallback(\n    (\n      convId: string,\n      messageId: string,\n      parentAbortController: AbortController,\n    ) => {\n      setStatus(\"streaming\");\n\n      const requestId = crypto.randomUUID();\n      const url =\n        `${basePath}/${encodeURIComponent(alias)}/conversations/${encodeURIComponent(convId)}` +\n        `/messages/${encodeURIComponent(messageId)}?requestId=${encodeURIComponent(requestId)}`;\n\n      connectSSE({\n        url,\n        signal: parentAbortController.signal,\n        onMessage: async (message) => {\n          try {\n            processStreamEventRef.current(\n              JSON.parse(message.data) as GenieStreamEvent,\n            );\n          } catch {\n            // Malformed SSE data\n          }\n        },\n        onError: (err) => {\n          if (parentAbortController.signal.aborted) return;\n          setError(\n            err instanceof Error\n              ? err.message\n              : \"Failed to poll pending message.\",\n          );\n          setStatus(\"error\");\n        },\n      })\n        .then(() => {\n          if (!parentAbortController.signal.aborted) {\n            setStatus((prev) => (prev === \"error\" ? \"error\" : \"idle\"));\n          }\n        })\n        .catch(() => {\n          if (parentAbortController.signal.aborted) return;\n          setError(\"Failed to poll pending message.\");\n          setStatus(\"error\");\n        });\n    },\n    [alias, basePath],\n  );\n\n  const loadHistory = useCallback(\n    (convId: string) => {\n      paginationAbortRef.current?.abort();\n      setStatus(\"loading-history\");\n      setError(null);\n      setMessages([]);\n      setConversationId(convId);\n\n      const { promise, abortController } = fetchPage(\n        abortControllerRef,\n        convId,\n        { errorMessage: \"Failed to load conversation history.\" },\n      );\n      promise.then((items) => {\n        if (abortController.signal.aborted) return;\n        setMessages(items);\n\n        const lastItem = items[items.length - 1];\n        if (\n          lastItem?.role === \"assistant\" &&\n          !TERMINAL_STATUSES.has(lastItem.status)\n        ) {\n          pollPendingMessage(convId, lastItem.id, abortController);\n        } else {\n          setStatus((prev) => (prev === \"error\" ? \"error\" : \"idle\"));\n        }\n      });\n    },\n    [fetchPage, pollPendingMessage],\n  );\n\n  const fetchPreviousPage = useCallback(() => {\n    if (\n      !nextPageTokenRef.current ||\n      !conversationIdRef.current ||\n      isLoadingOlderRef.current\n    )\n      return;\n\n    isLoadingOlderRef.current = true;\n    setStatus(\"loading-older\");\n    setError(null);\n\n    const startTime = Date.now();\n    const { promise, abortController } = fetchPage(\n      paginationAbortRef,\n      conversationIdRef.current,\n      {\n        pageToken: nextPageTokenRef.current,\n        errorMessage: \"Failed to load older messages.\",\n      },\n    );\n    promise\n      .then(async (items) => {\n        if (abortController.signal.aborted) return;\n        const elapsed = Date.now() - startTime;\n        if (elapsed < MIN_PREVIOUS_PAGE_LOAD_MS) {\n          await new Promise((r) =>\n            setTimeout(r, MIN_PREVIOUS_PAGE_LOAD_MS - elapsed),\n          );\n        }\n        if (abortController.signal.aborted) return;\n        if (items.length > 0) {\n          setMessages((prev) => [...items, ...prev]);\n        }\n        setStatus((current) =>\n          current === \"loading-older\" ? \"idle\" : current,\n        );\n      })\n      .finally(() => {\n        isLoadingOlderRef.current = false;\n      });\n  }, [fetchPage]);\n\n  const reset = useCallback(() => {\n    abortControllerRef.current?.abort();\n    paginationAbortRef.current?.abort();\n    setMessages([]);\n    setConversationId(null);\n    setError(null);\n    setStatus(\"idle\");\n    setNextPageToken(null);\n    if (persistInUrl) {\n      removeUrlParam(urlParamName);\n    }\n  }, [persistInUrl, urlParamName]);\n\n  useEffect(() => {\n    if (!persistInUrl) return;\n    const existingId = getUrlParam(urlParamName);\n    if (existingId) {\n      loadHistory(existingId);\n    }\n    return () => {\n      abortControllerRef.current?.abort();\n      paginationAbortRef.current?.abort();\n    };\n  }, [persistInUrl, urlParamName, loadHistory]);\n\n  return {\n    messages,\n    status,\n    conversationId,\n    error,\n    sendMessage,\n    reset,\n    hasPreviousPage,\n    isFetchingPreviousPage,\n    fetchPreviousPage,\n  };\n}\n"],"mappings":"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"}

package/dist/react/hooks/index.d.ts

@@ -1,3 +1,6 @@
 import { UseChartDataOptions, UseChartDataResult, useChartData } from "./use-chart-data.js";
-import { AnalyticsFormat, InferResultByFormat, InferRowType, PluginRegistry, QueryRegistry, TypedArrowTable, UseAnalyticsQueryOptions, UseAnalyticsQueryResult } from "./types.js";
-import { useAnalyticsQuery } from "./use-analytics-query.js";
+import { AnalyticsFormat, InferResultByFormat, InferRowType, InferServingChunk, InferServingRequest, InferServingResponse, PluginRegistry, QueryRegistry, ServingAlias, ServingEndpointRegistry, TypedArrowTable, UseAnalyticsQueryOptions, UseAnalyticsQueryResult } from "./types.js";
+import { useAnalyticsQuery } from "./use-analytics-query.js";
+import { usePluginClientConfig } from "./use-plugin-config.js";
+import { UseServingInvokeOptions, UseServingInvokeResult, useServingInvoke } from "./use-serving-invoke.js";
+import { UseServingStreamOptions, UseServingStreamResult, useServingStream } from "./use-serving-stream.js";

package/dist/react/hooks/index.js

@@ -1,2 +1,5 @@
 import { useAnalyticsQuery } from "./use-analytics-query.js";
 import { useChartData } from "./use-chart-data.js";
+import { usePluginClientConfig } from "./use-plugin-config.js";
+import { useServingInvoke } from "./use-serving-invoke.js";
+import { useServingStream } from "./use-serving-stream.js";

package/dist/react/hooks/types.d.ts

@@ -96,6 +96,35 @@ type InferParams<K> = K extends AugmentedRegistry<QueryRegistry> ? QueryRegistry
 interface PluginRegistry {
   [key: string]: Record<string, any>;
 }
+/**
+ * Serving endpoint registry for type-safe alias names.
+ * Extend this interface via module augmentation to get alias autocomplete:
+ *
+ * @example
+ * ```typescript
+ * // Auto-generated by appKitServingTypesPlugin()
+ * declare module "@databricks/appkit-ui/react" {
+ *   interface ServingEndpointRegistry {
+ *     llm: { request: {...}; response: {...}; chunk: {...} };
+ *   }
+ * }
+ * ```
+ */
+interface ServingEndpointRegistry {}
+/** Resolves to registry keys if populated, otherwise string */
+type ServingAlias = AugmentedRegistry<ServingEndpointRegistry> extends never ? string : AugmentedRegistry<ServingEndpointRegistry>;
+/** Infers chunk type from registry when alias is a known key */
+type InferServingChunk<K> = K extends AugmentedRegistry<ServingEndpointRegistry> ? ServingEndpointRegistry[K] extends {
+  chunk: infer C;
+} ? C : unknown : unknown;
+/** Infers response type from registry when alias is a known key */
+type InferServingResponse<K> = K extends AugmentedRegistry<ServingEndpointRegistry> ? ServingEndpointRegistry[K] extends {
+  response: infer R;
+} ? R : unknown : unknown;
+/** Infers request type from registry when alias is a known key */
+type InferServingRequest<K> = K extends AugmentedRegistry<ServingEndpointRegistry> ? ServingEndpointRegistry[K] extends {
+  request: infer Req;
+} ? Req : Record<string, unknown> : Record<string, unknown>;
 //#endregion
-export { AnalyticsFormat, InferParams, InferResultByFormat, InferRowType, PluginRegistry, QueryKey, QueryRegistry, TypedArrowTable, UseAnalyticsQueryOptions, UseAnalyticsQueryResult };
+export { AnalyticsFormat, InferParams, InferResultByFormat, InferRowType, InferServingChunk, InferServingRequest, InferServingResponse, PluginRegistry, QueryKey, QueryRegistry, ServingAlias, ServingEndpointRegistry, TypedArrowTable, UseAnalyticsQueryOptions, UseAnalyticsQueryResult };
 //# sourceMappingURL=types.d.ts.map

package/dist/react/hooks/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/react/hooks/types.ts"],"mappings":";;;;KAOY,eAAA;AAAZ;;;;;AAYA;;;;;AAZA,UAYiB,eAAA,cACF,MAAA,oBAA0B,MAAA,2BAC/B,KAAA;EAAA;;;;EAAA,SAKC,SAAA,GAAY,IAAA;AAAA;;UAQN,wBAAA,WAAmC,eAAA;EAR7B;EAUrB,MAAA,GAAS,CAAA;EAVgB;EAazB,iBAAA;EALuC;EAQvC,SAAA;AAAA;;UAIe,uBAAA;EAVf;EAYA,IAAA,EAAM,CAAA;EATN;EAWA,OAAA;EARS;EAUT,KAAA;AAAA;;;;;;;;;;;AAqBF;;;;;;;;UAAiB,aAAA;EAAA,CACd,GAAA;IACC,IAAA;IACA,UAAA,EAAY,MAAA;IACZ,MAAA;EAAA;AAAA;;KAKQ,iBAAA,0BACE,CAAA,mBAAoB,CAAA,WAAY,CAAA,GAAI,CAAA,CAAE,CAAA;;KAIxC,QAAA,GAAW,iBAAA,CAAkB,aAAA,2BAErC,iBAAA,CAAkB,aAAA;;;;;KAMV,WAAA,SAAoB,CAAA,SAAU,iBAAA,CAAkB,aAAA,IACxD,aAAA,CAAc,CAAA;EAAa,MAAA;AAAA,IACzB,CAAA,GACA,CAAA,GACF,CAAA;;;AAZJ;;KAkBY,YAAA,MAAkB,CAAA,SAAU,iBAAA,CAAkB,aAAA,IACtD,aAAA,CAAc,CAAA;EAAa,MAAA,EAAQ,KAAA;AAAA,IACjC,CAAA,SAAU,MAAA,oBACR,CAAA,GACA,MAAA,oBACF,MAAA,oBACF,MAAA;;;;;;KAOQ,mBAAA,iBAGA,eAAA,IACR,CAAA,mBAAoB,eAAA,CAAgB,YAAA,CAAa,CAAA,KAAM,WAAA,CAAY,CAAA,EAAG,CAAA;;;;KAK9D,WAAA,MAAiB,CAAA,SAAU,iBAAA,CAAkB,aAAA,IACrD,aAAA,CAAc,CAAA;EAAa,UAAA;AAAA,IACzB,CAAA,GACA,MAAA,oBACF,MAAA;AAAA,UAEa,cAAA;EAAA,CACd,GAAA,WAAc,MAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/react/hooks/types.ts"],"mappings":";;;;KAOY,eAAA;AAAZ;;;;;AAYA;;;;;AAZA,UAYiB,eAAA,cACF,MAAA,oBAA0B,MAAA,2BAC/B,KAAA;EAAA;;;;EAAA,SAKC,SAAA,GAAY,IAAA;AAAA;;UAQN,wBAAA,WAAmC,eAAA;EAR7B;EAUrB,MAAA,GAAS,CAAA;EAVgB;EAazB,iBAAA;EALuC;EAQvC,SAAA;AAAA;;UAIe,uBAAA;EAVf;EAYA,IAAA,EAAM,CAAA;EATN;EAWA,OAAA;EARS;EAUT,KAAA;AAAA;;;;;;;;;;;AAqBF;;;;;;;;UAAiB,aAAA;EAAA,CACd,GAAA;IACC,IAAA;IACA,UAAA,EAAY,MAAA;IACZ,MAAA;EAAA;AAAA;;KAKQ,iBAAA,0BACE,CAAA,mBAAoB,CAAA,WAAY,CAAA,GAAI,CAAA,CAAE,CAAA;;KAIxC,QAAA,GAAW,iBAAA,CAAkB,aAAA,2BAErC,iBAAA,CAAkB,aAAA;;;;;KAMV,WAAA,SAAoB,CAAA,SAAU,iBAAA,CAAkB,aAAA,IACxD,aAAA,CAAc,CAAA;EAAa,MAAA;AAAA,IACzB,CAAA,GACA,CAAA,GACF,CAAA;;;AAZJ;;KAkBY,YAAA,MAAkB,CAAA,SAAU,iBAAA,CAAkB,aAAA,IACtD,aAAA,CAAc,CAAA;EAAa,MAAA,EAAQ,KAAA;AAAA,IACjC,CAAA,SAAU,MAAA,oBACR,CAAA,GACA,MAAA,oBACF,MAAA,oBACF,MAAA;;;;;;KAOQ,mBAAA,iBAGA,eAAA,IACR,CAAA,mBAAoB,eAAA,CAAgB,YAAA,CAAa,CAAA,KAAM,WAAA,CAAY,CAAA,EAAG,CAAA;;;;KAK9D,WAAA,MAAiB,CAAA,SAAU,iBAAA,CAAkB,aAAA,IACrD,aAAA,CAAc,CAAA;EAAa,UAAA;AAAA,IACzB,CAAA,GACA,MAAA,oBACF,MAAA;AAAA,UAEa,cAAA;EAAA,CACd,GAAA,WAAc,MAAA;AAAA;;;;;;;;;;;;;;;UA2BA,uBAAA;;KAGL,YAAA,GACV,iBAAA,CAAkB,uBAAA,2BAEd,iBAAA,CAAkB,uBAAA;;KAGZ,iBAAA,MACV,CAAA,SAAU,iBAAA,CAAkB,uBAAA,IACxB,uBAAA,CAAwB,CAAA;EAAa,KAAA;AAAA,IACnC,CAAA;;KAKI,oBAAA,MACV,CAAA,SAAU,iBAAA,CAAkB,uBAAA,IACxB,uBAAA,CAAwB,CAAA;EAAa,QAAA;AAAA,IACnC,CAAA;;KAKI,mBAAA,MACV,CAAA,SAAU,iBAAA,CAAkB,uBAAA,IACxB,uBAAA,CAAwB,CAAA;EAAa,OAAA;AAAA,IACnC,GAAA,GACA,MAAA,oBACF,MAAA"}

package/dist/react/hooks/use-plugin-config.d.ts

@@ -0,0 +1,25 @@
+//#region src/react/hooks/use-plugin-config.d.ts
+/**
+ * Returns the client-side config exposed by a plugin's `clientConfig()` method.
+ *
+ * The value is read once from the boot-time `<script id="__appkit__">` payload
+ * and cached for the lifetime of the component. Because `clientConfig()` runs
+ * at server startup, the data is static and never changes during a session.
+ *
+ * @param pluginName - The plugin name as registered in AppKit (e.g. `"files"`)
+ * @returns The plugin's client config object, typed via the generic parameter
+ *
+ * @example
+ * ```tsx
+ * interface FilesConfig { volumes: string[] }
+ *
+ * function MyComponent() {
+ *   const { volumes } = usePluginClientConfig<FilesConfig>("files");
+ *   return <ul>{volumes.map(v => <li key={v}>{v}</li>)}</ul>;
+ * }
+ * ```
+ */
+declare function usePluginClientConfig<T = Record<string, unknown>>(pluginName: string): T;
+//#endregion
+export { usePluginClientConfig };
+//# sourceMappingURL=use-plugin-config.d.ts.map

package/dist/react/hooks/use-plugin-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-plugin-config.d.ts","names":[],"sources":["../../../src/react/hooks/use-plugin-config.ts"],"mappings":";;AAuBA;;;;;;;;;;;;;;;;;;;iBAAgB,qBAAA,KAA0B,MAAA,kBAAA,CACxC,UAAA,WACC,CAAA"}

package/dist/react/hooks/use-plugin-config.js

@@ -0,0 +1,32 @@
+import { getPluginClientConfig } from "../../js/config.js";
+import "../../js/index.js";
+import { useMemo } from "react";
+
+//#region src/react/hooks/use-plugin-config.ts
+/**
+* Returns the client-side config exposed by a plugin's `clientConfig()` method.
+*
+* The value is read once from the boot-time `<script id="__appkit__">` payload
+* and cached for the lifetime of the component. Because `clientConfig()` runs
+* at server startup, the data is static and never changes during a session.
+*
+* @param pluginName - The plugin name as registered in AppKit (e.g. `"files"`)
+* @returns The plugin's client config object, typed via the generic parameter
+*
+* @example
+* ```tsx
+* interface FilesConfig { volumes: string[] }
+*
+* function MyComponent() {
+*   const { volumes } = usePluginClientConfig<FilesConfig>("files");
+*   return <ul>{volumes.map(v => <li key={v}>{v}</li>)}</ul>;
+* }
+* ```
+*/
+function usePluginClientConfig(pluginName) {
+	return useMemo(() => getPluginClientConfig(pluginName), [pluginName]);
+}
+
+//#endregion
+export { usePluginClientConfig };
+//# sourceMappingURL=use-plugin-config.js.map

package/dist/react/hooks/use-plugin-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-plugin-config.js","names":[],"sources":["../../../src/react/hooks/use-plugin-config.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { getPluginClientConfig } from \"@/js\";\n\n/**\n * Returns the client-side config exposed by a plugin's `clientConfig()` method.\n *\n * The value is read once from the boot-time `<script id=\"__appkit__\">` payload\n * and cached for the lifetime of the component. Because `clientConfig()` runs\n * at server startup, the data is static and never changes during a session.\n *\n * @param pluginName - The plugin name as registered in AppKit (e.g. `\"files\"`)\n * @returns The plugin's client config object, typed via the generic parameter\n *\n * @example\n * ```tsx\n * interface FilesConfig { volumes: string[] }\n *\n * function MyComponent() {\n *   const { volumes } = usePluginClientConfig<FilesConfig>(\"files\");\n *   return <ul>{volumes.map(v => <li key={v}>{v}</li>)}</ul>;\n * }\n * ```\n */\nexport function usePluginClientConfig<T = Record<string, unknown>>(\n  pluginName: string,\n): T {\n  return useMemo(() => getPluginClientConfig<T>(pluginName), [pluginName]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,sBACd,YACG;AACH,QAAO,cAAc,sBAAyB,WAAW,EAAE,CAAC,WAAW,CAAC"}

package/dist/react/hooks/use-serving-invoke.d.ts

@@ -0,0 +1,30 @@
+import { InferServingRequest, InferServingResponse, ServingAlias } from "./types.js";
+
+//#region src/react/hooks/use-serving-invoke.d.ts
+interface UseServingInvokeOptions<K extends ServingAlias = ServingAlias> {
+  /** Endpoint alias for named mode. Omit for default mode. */
+  alias?: K;
+  /** If false, does not invoke automatically on mount. Default: false */
+  autoStart?: boolean;
+}
+interface UseServingInvokeResult<T = unknown, TBody = Record<string, unknown>> {
+  /** Trigger the invocation. Pass an optional body override for this invocation. */
+  invoke: (overrideBody?: TBody) => Promise<T | null>;
+  /** Response data, null until loaded. */
+  data: T | null;
+  /** Whether a request is in progress. */
+  loading: boolean;
+  /** Error message, if any. */
+  error: string | null;
+}
+/**
+ * Hook for non-streaming invocation of a serving endpoint.
+ * Calls `POST /api/serving/invoke` (default) or `POST /api/serving/{alias}/invoke` (named).
+ *
+ * When the type generator has populated `ServingEndpointRegistry`, the response type
+ * is automatically inferred from the endpoint's OpenAPI schema.
+ */
+declare function useServingInvoke<K extends ServingAlias = ServingAlias>(body: InferServingRequest<K>, options?: UseServingInvokeOptions<K>): UseServingInvokeResult<InferServingResponse<K>, InferServingRequest<K>>;
+//#endregion
+export { UseServingInvokeOptions, UseServingInvokeResult, useServingInvoke };
+//# sourceMappingURL=use-serving-invoke.d.ts.map

package/dist/react/hooks/use-serving-invoke.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-serving-invoke.d.ts","names":[],"sources":["../../../src/react/hooks/use-serving-invoke.ts"],"mappings":";;;UASiB,uBAAA,WACL,YAAA,GAAe,YAAA;;EAGzB,KAAA,GAAQ,CAAA;EAJ8B;EAMtC,SAAA;AAAA;AAAA,UAGe,sBAAA,sBAEP,MAAA;EAPA;EAUR,MAAA,GAAS,YAAA,GAAe,KAAA,KAAU,OAAA,CAAQ,CAAA;EAVjC;EAYT,IAAA,EAAM,CAAA;EAfI;EAiBV,OAAA;EAdA;EAgBA,KAAA;AAAA;;;AAXF;;;;;iBAqBgB,gBAAA,WAA2B,YAAA,GAAe,YAAA,CAAA,CACxD,IAAA,EAAM,mBAAA,CAAoB,CAAA,GAC1B,OAAA,GAAS,uBAAA,CAAwB,CAAA,IAChC,sBAAA,CAAuB,oBAAA,CAAqB,CAAA,GAAI,mBAAA,CAAoB,CAAA"}

package/dist/react/hooks/use-serving-invoke.js

@@ -0,0 +1,82 @@
+import { usePluginClientConfig } from "./use-plugin-config.js";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+//#region src/react/hooks/use-serving-invoke.ts
+/**
+* Hook for non-streaming invocation of a serving endpoint.
+* Calls `POST /api/serving/invoke` (default) or `POST /api/serving/{alias}/invoke` (named).
+*
+* When the type generator has populated `ServingEndpointRegistry`, the response type
+* is automatically inferred from the endpoint's OpenAPI schema.
+*/
+function useServingInvoke(body, options = {}) {
+	const { alias, autoStart = false } = options;
+	const config = usePluginClientConfig("serving");
+	const aliasError = useMemo(() => {
+		if (!alias || !config.aliases) return null;
+		const aliasStr = String(alias);
+		if (!config.aliases.includes(aliasStr)) return `Unknown serving alias "${aliasStr}". Available: ${config.aliases.join(", ")}`;
+		return null;
+	}, [alias, config.aliases]);
+	const [data, setData] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(aliasError);
+	const abortControllerRef = useRef(null);
+	const urlSuffix = alias ? `/api/serving/${encodeURIComponent(String(alias))}/invoke` : "/api/serving/invoke";
+	const bodyJson = JSON.stringify(body);
+	const invoke = useCallback((overrideBody) => {
+		if (aliasError) {
+			setError(aliasError);
+			return Promise.resolve(null);
+		}
+		if (abortControllerRef.current) abortControllerRef.current.abort();
+		setLoading(true);
+		setError(null);
+		setData(null);
+		const abortController = new AbortController();
+		abortControllerRef.current = abortController;
+		const payload = overrideBody ? JSON.stringify(overrideBody) : bodyJson;
+		return fetch(urlSuffix, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: payload,
+			signal: abortController.signal
+		}).then(async (res) => {
+			if (!res.ok) {
+				const errorBody = await res.json().catch(() => null);
+				throw new Error(errorBody?.error || `HTTP ${res.status}`);
+			}
+			return res.json();
+		}).then((result) => {
+			if (abortController.signal.aborted) return null;
+			setData(result);
+			setLoading(false);
+			return result;
+		}).catch((err) => {
+			if (abortController.signal.aborted) return null;
+			setError(err.message || "Request failed");
+			setLoading(false);
+			return null;
+		});
+	}, [
+		urlSuffix,
+		bodyJson,
+		aliasError
+	]);
+	useEffect(() => {
+		if (autoStart) invoke();
+		return () => {
+			abortControllerRef.current?.abort();
+		};
+	}, [invoke, autoStart]);
+	return {
+		invoke,
+		data,
+		loading,
+		error
+	};
+}
+
+//#endregion
+export { useServingInvoke };
+//# sourceMappingURL=use-serving-invoke.js.map

package/dist/react/hooks/use-serving-invoke.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-serving-invoke.js","names":[],"sources":["../../../src/react/hooks/use-serving-invoke.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport type {\n  InferServingRequest,\n  InferServingResponse,\n  ServingAlias,\n  ServingClientConfig,\n} from \"./types\";\nimport { usePluginClientConfig } from \"./use-plugin-config\";\n\nexport interface UseServingInvokeOptions<\n  K extends ServingAlias = ServingAlias,\n> {\n  /** Endpoint alias for named mode. Omit for default mode. */\n  alias?: K;\n  /** If false, does not invoke automatically on mount. Default: false */\n  autoStart?: boolean;\n}\n\nexport interface UseServingInvokeResult<\n  T = unknown,\n  TBody = Record<string, unknown>,\n> {\n  /** Trigger the invocation. Pass an optional body override for this invocation. */\n  invoke: (overrideBody?: TBody) => Promise<T | null>;\n  /** Response data, null until loaded. */\n  data: T | null;\n  /** Whether a request is in progress. */\n  loading: boolean;\n  /** Error message, if any. */\n  error: string | null;\n}\n\n/**\n * Hook for non-streaming invocation of a serving endpoint.\n * Calls `POST /api/serving/invoke` (default) or `POST /api/serving/{alias}/invoke` (named).\n *\n * When the type generator has populated `ServingEndpointRegistry`, the response type\n * is automatically inferred from the endpoint's OpenAPI schema.\n */\nexport function useServingInvoke<K extends ServingAlias = ServingAlias>(\n  body: InferServingRequest<K>,\n  options: UseServingInvokeOptions<K> = {} as UseServingInvokeOptions<K>,\n): UseServingInvokeResult<InferServingResponse<K>, InferServingRequest<K>> {\n  type TResponse = InferServingResponse<K>;\n  const { alias, autoStart = false } = options;\n\n  const config = usePluginClientConfig<ServingClientConfig>(\"serving\");\n\n  const aliasError = useMemo(() => {\n    if (!alias || !config.aliases) return null;\n    const aliasStr = String(alias);\n    if (!config.aliases.includes(aliasStr)) {\n      return `Unknown serving alias \"${aliasStr}\". Available: ${config.aliases.join(\", \")}`;\n    }\n    return null;\n  }, [alias, config.aliases]);\n\n  const [data, setData] = useState<TResponse | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(aliasError);\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const urlSuffix = alias\n    ? `/api/serving/${encodeURIComponent(String(alias))}/invoke`\n    : \"/api/serving/invoke\";\n\n  const bodyJson = JSON.stringify(body);\n\n  const invoke = useCallback(\n    (overrideBody?: InferServingRequest<K>): Promise<TResponse | null> => {\n      if (aliasError) {\n        setError(aliasError);\n        return Promise.resolve(null);\n      }\n\n      if (abortControllerRef.current) {\n        abortControllerRef.current.abort();\n      }\n\n      setLoading(true);\n      setError(null);\n      setData(null);\n\n      const abortController = new AbortController();\n      abortControllerRef.current = abortController;\n\n      const payload = overrideBody ? JSON.stringify(overrideBody) : bodyJson;\n\n      return fetch(urlSuffix, {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: payload,\n        signal: abortController.signal,\n      })\n        .then(async (res) => {\n          if (!res.ok) {\n            const errorBody = await res.json().catch(() => null);\n            throw new Error(errorBody?.error || `HTTP ${res.status}`);\n          }\n          return res.json();\n        })\n        .then((result: TResponse) => {\n          if (abortController.signal.aborted) return null;\n          setData(result);\n          setLoading(false);\n          return result;\n        })\n        .catch((err: Error) => {\n          if (abortController.signal.aborted) return null;\n          setError(err.message || \"Request failed\");\n          setLoading(false);\n          return null;\n        });\n    },\n    [urlSuffix, bodyJson, aliasError],\n  );\n\n  useEffect(() => {\n    if (autoStart) {\n      invoke();\n    }\n\n    return () => {\n      abortControllerRef.current?.abort();\n    };\n  }, [invoke, autoStart]);\n\n  return { invoke, data, loading, error };\n}\n"],"mappings":";;;;;;;;;;;AAuCA,SAAgB,iBACd,MACA,UAAsC,EAAE,EACiC;CAEzE,MAAM,EAAE,OAAO,YAAY,UAAU;CAErC,MAAM,SAAS,sBAA2C,UAAU;CAEpE,MAAM,aAAa,cAAc;AAC/B,MAAI,CAAC,SAAS,CAAC,OAAO,QAAS,QAAO;EACtC,MAAM,WAAW,OAAO,MAAM;AAC9B,MAAI,CAAC,OAAO,QAAQ,SAAS,SAAS,CACpC,QAAO,0BAA0B,SAAS,gBAAgB,OAAO,QAAQ,KAAK,KAAK;AAErF,SAAO;IACN,CAAC,OAAO,OAAO,QAAQ,CAAC;CAE3B,MAAM,CAAC,MAAM,WAAW,SAA2B,KAAK;CACxD,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,OAAO,YAAY,SAAwB,WAAW;CAC7D,MAAM,qBAAqB,OAA+B,KAAK;CAE/D,MAAM,YAAY,QACd,gBAAgB,mBAAmB,OAAO,MAAM,CAAC,CAAC,WAClD;CAEJ,MAAM,WAAW,KAAK,UAAU,KAAK;CAErC,MAAM,SAAS,aACZ,iBAAqE;AACpE,MAAI,YAAY;AACd,YAAS,WAAW;AACpB,UAAO,QAAQ,QAAQ,KAAK;;AAG9B,MAAI,mBAAmB,QACrB,oBAAmB,QAAQ,OAAO;AAGpC,aAAW,KAAK;AAChB,WAAS,KAAK;AACd,UAAQ,KAAK;EAEb,MAAM,kBAAkB,IAAI,iBAAiB;AAC7C,qBAAmB,UAAU;EAE7B,MAAM,UAAU,eAAe,KAAK,UAAU,aAAa,GAAG;AAE9D,SAAO,MAAM,WAAW;GACtB,QAAQ;GACR,SAAS,EAAE,gBAAgB,oBAAoB;GAC/C,MAAM;GACN,QAAQ,gBAAgB;GACzB,CAAC,CACC,KAAK,OAAO,QAAQ;AACnB,OAAI,CAAC,IAAI,IAAI;IACX,MAAM,YAAY,MAAM,IAAI,MAAM,CAAC,YAAY,KAAK;AACpD,UAAM,IAAI,MAAM,WAAW,SAAS,QAAQ,IAAI,SAAS;;AAE3D,UAAO,IAAI,MAAM;IACjB,CACD,MAAM,WAAsB;AAC3B,OAAI,gBAAgB,OAAO,QAAS,QAAO;AAC3C,WAAQ,OAAO;AACf,cAAW,MAAM;AACjB,UAAO;IACP,CACD,OAAO,QAAe;AACrB,OAAI,gBAAgB,OAAO,QAAS,QAAO;AAC3C,YAAS,IAAI,WAAW,iBAAiB;AACzC,cAAW,MAAM;AACjB,UAAO;IACP;IAEN;EAAC;EAAW;EAAU;EAAW,CAClC;AAED,iBAAgB;AACd,MAAI,UACF,SAAQ;AAGV,eAAa;AACX,sBAAmB,SAAS,OAAO;;IAEpC,CAAC,QAAQ,UAAU,CAAC;AAEvB,QAAO;EAAE;EAAQ;EAAM;EAAS;EAAO"}