@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/vector-browser.js

@@ -1,281 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState, useEffect } from 'react';
-import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
-import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, e as errorMessage, h as formatCell } from '../packem_shared/internal-DzHCc2Rq.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const DEFAULT_TOP_K = 10;
-const Detail = (t0) => {
-  const $ = c(7);
-  const {
-    label,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== label) {
-    t1 = /* @__PURE__ */ jsxDEV("span", {
-      className: "font-mono text-[11px] uppercase tracking-wide text-muted-foreground",
-      children: label
-    }, void 0, false);
-    $[0] = label;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = value ?? "—";
-  let t3;
-  if ($[2] !== t2) {
-    t3 = /* @__PURE__ */ jsxDEV("span", {
-      className: "font-mono text-sm",
-      children: t2
-    }, void 0, false);
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== t1 || $[5] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-0.5",
-      children: [t1, t3]
-    }, void 0, true);
-    $[4] = t1;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  return t4;
-};
-const VectorBrowser = ({
-  loadIndexes,
-  runQuery
-} = {}) => {
-  const client = useLunora();
-  const t = useT();
-  const [indexes, setIndexes] = useState(null);
-  const [error, setError] = useState(null);
-  const [selected, setSelected] = useState(null);
-  const [queryText, setQueryText] = useState("");
-  const [matches, setMatches] = useState(null);
-  const [queryError, setQueryError] = useState(null);
-  const [searching, setSearching] = useState(false);
-  useEffect(() => {
-    const token = {
-      cancelled: false
-    };
-    fireAndForget((async () => {
-      try {
-        const result = await (loadIndexes ?? (() => client.listVectorIndexes()))();
-        if (!token.cancelled) {
-          setIndexes(result);
-          setError(null);
-          setSelected((current) => current ?? result[0]?.name ?? null);
-        }
-      } catch (error_) {
-        if (!token.cancelled) {
-          setIndexes(null);
-          setError(errorMessage(error_));
-        }
-      }
-    })());
-    return () => {
-      token.cancelled = true;
-    };
-  }, [client, loadIndexes]);
-  const selectedIndex = indexes?.find((index) => index.name === selected) ?? null;
-  const onSelect = (event) => {
-    setSelected(event.currentTarget.dataset.index ?? null);
-    setMatches(null);
-    setQueryError(null);
-  };
-  const onQueryTextChange = (event_0) => {
-    setQueryText(event_0.target.value);
-  };
-  const search = async () => {
-    const text = queryText.trim();
-    if (selected === null || text === "") {
-      return;
-    }
-    setSearching(true);
-    setQueryError(null);
-    try {
-      const result_0 = await (runQuery ?? ((options) => client.queryVectorIndex(options)))({
-        name: selected,
-        text,
-        topK: DEFAULT_TOP_K
-      });
-      setMatches(result_0);
-    } catch (error__0) {
-      setMatches(null);
-      setQueryError(errorMessage(error__0));
-    } finally {
-      setSearching(false);
-    }
-  };
-  const onSearch = () => {
-    fireAndForget(search());
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-4",
-    "data-testid": "lunora-vector-browser",
-    children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "vector-error",
-      role: "alert",
-      children: error
-    }, void 0, false), indexes !== null && indexes.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
-      description: t("Indexes declared with .vectorize() or defineVectorIndex() appear here."),
-      icon: /* @__PURE__ */ jsxDEV("svg", {
-        "aria-hidden": "true",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.6,
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ jsxDEV("path", {
-          d: "M4 7l8-4 8 4-8 4-8-4Zm0 5 8 4 8-4M4 17l8 4 8-4"
-        }, void 0, false)
-      }, void 0, false),
-      testId: "vector-empty",
-      title: t("No vector indexes.")
-    }, void 0, false), indexes !== null && indexes.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
-      className: "overflow-hidden py-0",
-      children: /* @__PURE__ */ jsxDEV(CardContent, {
-        className: "px-0",
-        children: /* @__PURE__ */ jsxDEV(Table, {
-          "data-testid": "vector-table",
-          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-            children: /* @__PURE__ */ jsxDEV(TableRow, {
-              children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("name")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("table")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("dimensions")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("metric")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("vectors")
-              }, void 0, false)]
-            }, void 0, true)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-            children: indexes.map((index_0) => /* @__PURE__ */ jsxDEV(TableRow, {
-              className: index_0.name === selected ? "border-l-2 border-l-royal-amethyst bg-muted/50" : "cursor-pointer",
-              "data-index": index_0.name,
-              "data-testid": `vector-row-${index_0.name}`,
-              onClick: onSelect,
-              children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                className: "font-mono text-xs",
-                children: index_0.name
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                className: "font-mono text-xs",
-                children: index_0.table
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                className: "tabular-nums",
-                children: index_0.dimensions ?? "—"
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                children: index_0.metric ?? "—"
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                className: "tabular-nums",
-                children: index_0.vectorsCount ?? "—"
-              }, void 0, false)]
-            }, index_0.name, true))
-          }, void 0, false)]
-        }, void 0, true)
-      }, void 0, false)
-    }, void 0, false), selectedIndex !== null && /* @__PURE__ */ jsxDEV("section", {
-      className: "border border-border bg-card p-3",
-      "data-testid": "vector-detail",
-      children: [/* @__PURE__ */ jsxDEV("div", {
-        className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
-        children: [/* @__PURE__ */ jsxDEV(Detail, {
-          label: t("field"),
-          value: selectedIndex.field
-        }, void 0, false), /* @__PURE__ */ jsxDEV(Detail, {
-          label: t("dimensions"),
-          value: selectedIndex.dimensions
-        }, void 0, false), /* @__PURE__ */ jsxDEV(Detail, {
-          label: t("metric"),
-          value: selectedIndex.metric
-        }, void 0, false), /* @__PURE__ */ jsxDEV(Detail, {
-          label: t("vectors"),
-          value: selectedIndex.vectorsCount
-        }, void 0, false)]
-      }, void 0, true), selectedIndex.metadata !== void 0 && selectedIndex.metadata.length > 0 && /* @__PURE__ */ jsxDEV("p", {
-        className: "mt-3 text-xs text-muted-foreground",
-        "data-testid": "vector-metadata",
-        children: [t("metadata"), ": ", /* @__PURE__ */ jsxDEV("span", {
-          className: "font-mono",
-          children: selectedIndex.metadata.join(", ")
-        }, void 0, false)]
-      }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-3 flex flex-wrap items-center gap-2",
-        children: [/* @__PURE__ */ jsxDEV(Input, {
-          className: "min-w-[18rem] flex-1",
-          "data-testid": "vector-query-input",
-          onChange: onQueryTextChange,
-          placeholder: t("Search by similarity…"),
-          value: queryText
-        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
-          "data-testid": "vector-search",
-          disabled: searching || queryText.trim() === "",
-          onClick: onSearch,
-          children: searching ? t("Searching…") : t("Search")
-        }, void 0, false)]
-      }, void 0, true), queryError !== null && /* @__PURE__ */ jsxDEV("p", {
-        className: "mt-2 text-sm text-destructive",
-        "data-testid": "vector-query-error",
-        role: "alert",
-        children: queryError
-      }, void 0, false), matches !== null && matches.length === 0 && /* @__PURE__ */ jsxDEV("p", {
-        className: "mt-2 text-sm text-muted-foreground",
-        "data-testid": "vector-no-matches",
-        children: t("No matches.")
-      }, void 0, false), matches !== null && matches.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
-        className: "mt-3 overflow-hidden py-0",
-        children: /* @__PURE__ */ jsxDEV(CardContent, {
-          className: "px-0",
-          children: /* @__PURE__ */ jsxDEV(Table, {
-            "data-testid": "vector-matches",
-            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-              children: /* @__PURE__ */ jsxDEV(TableRow, {
-                children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("id")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("score")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("metadata")
-                }, void 0, false)]
-              }, void 0, true)
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-              children: matches.map((match) => /* @__PURE__ */ jsxDEV(TableRow, {
-                "data-testid": `vector-match-${match.id}`,
-                children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "font-mono text-xs",
-                  children: match.id
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "tabular-nums",
-                  children: match.score.toFixed(4)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "max-w-md truncate font-mono text-xs",
-                  children: match.metadata === void 0 ? "—" : formatCell(match.metadata)
-                }, void 0, false)]
-              }, match.id, true))
-            }, void 0, false)]
-          }, void 0, true)
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
-};
-
-export { VectorBrowser };
+import{c as A}from"react/compiler-runtime";import{useLunora as H}from"@lunora/react";import{useState as h,useEffect as Q}from"react";import{u as R}from"../packem_shared/button-BkCrNcAs.js";import{c as V,u as j}from"../packem_shared/card-CIDGUN6K.js";import{E as W}from"../packem_shared/empty-state-Cg7t_8qu.js";import{u as D}from"../packem_shared/input-JHu63lTv.js";import{n as q,d as E,m as N,p as o,f as L,u as i}from"../packem_shared/table-DdJBrClo.js";import{useT as G}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{f as M,e as B,h as J}from"../packem_shared/internal-AtZ4bTal.js";import{jsxs as n,jsx as e}from"react/jsx-runtime";const O=10,g=x=>{const r=A(7),{label:m,value:a}=x;let l;r[0]!==m?(l=e("span",{className:"font-mono text-[11px] uppercase tracking-wide text-muted-foreground",children:m}),r[0]=m,r[1]=l):l=r[1];const f=a??"—";let c;r[2]!==f?(c=e("span",{className:"font-mono text-sm",children:f}),r[2]=f,r[3]=c):c=r[3];let u;return r[4]!==l||r[5]!==c?(u=n("div",{className:"flex flex-col gap-0.5",children:[l,c]}),r[4]=l,r[5]=c,r[6]=u):u=r[6],u},ce=({loadIndexes:x,runQuery:r}={})=>{const m=H(),a=G(),[l,f]=h(null),[c,u]=h(null),[v,C]=h(null),[b,F]=h(""),[p,y]=h(null),[k,w]=h(null),[I,S]=h(!1);Q(()=>{const t={cancelled:!1};return M((async()=>{try{const d=await(x??(()=>m.listVectorIndexes()))();t.cancelled||(f(d),u(null),C($=>$??d[0]?.name??null))}catch(d){t.cancelled||(f(null),u(B(d)))}})()),()=>{t.cancelled=!0}},[m,x]);const s=l?.find(t=>t.name===v)??null,K=t=>{C(t.currentTarget.dataset.index??null),y(null),w(null)},T=t=>{F(t.target.value)},Z=async()=>{const t=b.trim();if(!(v===null||t==="")){S(!0),w(null);try{const d=await(r??($=>m.queryVectorIndex($)))({name:v,text:t,topK:O});y(d)}catch(d){y(null),w(B(d))}finally{S(!1)}}},z=()=>{M(Z())};return n("div",{className:"flex flex-col gap-4","data-testid":"lunora-vector-browser",children:[c!==null&&e("p",{className:"text-sm text-destructive","data-testid":"vector-error",role:"alert",children:c}),l!==null&&l.length===0&&e(W,{description:a("Indexes declared with .vectorize() or defineVectorIndex() appear here."),icon:e("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:e("path",{d:"M4 7l8-4 8 4-8 4-8-4Zm0 5 8 4 8-4M4 17l8 4 8-4"})}),testId:"vector-empty",title:a("No vector indexes.")}),l!==null&&l.length>0&&e(V,{className:"overflow-hidden py-0",children:e(j,{className:"px-0",children:n(q,{"data-testid":"vector-table",children:[e(E,{children:n(N,{children:[e(o,{children:a("name")}),e(o,{children:a("table")}),e(o,{children:a("dimensions")}),e(o,{children:a("metric")}),e(o,{children:a("vectors")})]})}),e(L,{children:l.map(t=>n(N,{className:t.name===v?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-index":t.name,"data-testid":`vector-row-${t.name}`,onClick:K,children:[e(i,{className:"font-mono text-xs",children:t.name}),e(i,{className:"font-mono text-xs",children:t.table}),e(i,{className:"tabular-nums",children:t.dimensions??"—"}),e(i,{children:t.metric??"—"}),e(i,{className:"tabular-nums",children:t.vectorsCount??"—"})]},t.name))})]})})}),s!==null&&n("section",{className:"border border-border bg-card p-3","data-testid":"vector-detail",children:[n("div",{className:"grid grid-cols-2 gap-3 sm:grid-cols-4",children:[e(g,{label:a("field"),value:s.field}),e(g,{label:a("dimensions"),value:s.dimensions}),e(g,{label:a("metric"),value:s.metric}),e(g,{label:a("vectors"),value:s.vectorsCount})]}),s.metadata!==void 0&&s.metadata.length>0&&n("p",{className:"mt-3 text-xs text-muted-foreground","data-testid":"vector-metadata",children:[a("metadata"),": ",e("span",{className:"font-mono",children:s.metadata.join(", ")})]}),n("div",{className:"mt-3 flex flex-wrap items-center gap-2",children:[e(D,{className:"min-w-[18rem] flex-1","data-testid":"vector-query-input",onChange:T,placeholder:a("Search by similarity…"),value:b}),e(R,{"data-testid":"vector-search",disabled:I||b.trim()==="",onClick:z,children:a(I?"Searching…":"Search")})]}),k!==null&&e("p",{className:"mt-2 text-sm text-destructive","data-testid":"vector-query-error",role:"alert",children:k}),p!==null&&p.length===0&&e("p",{className:"mt-2 text-sm text-muted-foreground","data-testid":"vector-no-matches",children:a("No matches.")}),p!==null&&p.length>0&&e(V,{className:"mt-3 overflow-hidden py-0",children:e(j,{className:"px-0",children:n(q,{"data-testid":"vector-matches",children:[e(E,{children:n(N,{children:[e(o,{children:a("id")}),e(o,{children:a("score")}),e(o,{children:a("metadata")})]})}),e(L,{children:p.map(t=>n(N,{"data-testid":`vector-match-${t.id}`,children:[e(i,{className:"font-mono text-xs",children:t.id}),e(i,{className:"tabular-nums",children:t.score.toFixed(4)}),e(i,{className:"max-w-md truncate font-mono text-xs",children:t.metadata===void 0?"—":J(t.metadata)})]},t.id))})]})})})]})]})};export{ce as VectorBrowser};