@anvia/react-ui 1.0.9 → 1.0.11

package/dist/completion/index.js

@@ -1,12 +1,12 @@
 import {
   CompletionPrimitive
-} from "../chunk-S4XLE2RN.js";
+} from "../chunk-HGOPGZNQ.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   CompletionProvider,
   useCompletionContext,
   useCompletionInput
-} from "../chunk-SOG2GVE4.js";
+} from "../chunk-E73S3SOF.js";
 export {
   CompletionPrimitive,
   CompletionProvider,

package/dist/graph-explorer/index.d.ts

@@ -0,0 +1,77 @@
+import * as _anvia_react_graph_explorer from '@anvia/react/graph-explorer';
+import { GraphExplorerController } from '@anvia/react/graph-explorer';
+export { GraphExplorerController, GraphExplorerExpandNodeOptions, GraphExplorerStatus } from '@anvia/react/graph-explorer';
+import * as _anvia_graph from '@anvia/graph';
+import { GraphExploreNode, GraphSchemaLike } from '@anvia/graph';
+import * as react from 'react';
+import { ReactNode, ReactElement } from 'react';
+import { P as PrimitiveProps } from '../render-CRKWam2v.js';
+
+type GraphExplorerProviderProps<Schema extends GraphSchemaLike = GraphSchemaLike> = {
+    controller: GraphExplorerController<Schema>;
+    children?: ReactNode;
+};
+type GraphExplorerNodeContextValue = {
+    node: GraphExploreNode;
+    selected: boolean;
+    matched: boolean;
+};
+declare function GraphExplorerProvider<Schema extends GraphSchemaLike = GraphSchemaLike>({ controller, children, }: GraphExplorerProviderProps<Schema>): ReactElement;
+declare function useGraphExplorerContext<Schema extends GraphSchemaLike = GraphSchemaLike>(): GraphExplorerController<Schema>;
+declare function useGraphExplorerNode(): GraphExplorerNodeContextValue;
+
+declare function graphExplorerNodeLabel(node: GraphExploreNode): string;
+
+type GraphExplorerNodeRootProps = PrimitiveProps<"div"> & {
+    nodeId?: string;
+};
+
+declare const GraphExplorerPrimitive: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Viewport: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Search: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLInputElement>>;
+    readonly Nodes: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode | ((node: _anvia_graph.GraphExploreNode, state: GraphExplorerNodeContextValue) => react.ReactNode);
+        keepMounted?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Empty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Status: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode | ((explorer: _anvia_react_graph_explorer.GraphExplorerController) => react.ReactNode);
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Refresh: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+};
+declare const GraphExplorerNodePrimitive: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & {
+        nodeId?: string;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Trigger: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Expand: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & {
+        options?: {
+            readonly relationships?: readonly string[] | undefined;
+            readonly nodeTypes?: readonly string[] | undefined;
+            readonly includeProvenance?: boolean | undefined | undefined;
+            readonly maxNodes?: number | undefined | undefined;
+            readonly maxRelationships?: number | undefined | undefined;
+            readonly direction?: _anvia_graph.GraphExploreDirection | undefined;
+            readonly maxDepth?: number | undefined | undefined;
+        };
+    } & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { type GraphExplorerNodeContextValue, GraphExplorerNodePrimitive, type GraphExplorerNodeRootProps, GraphExplorerPrimitive, GraphExplorerProvider, type GraphExplorerProviderProps, graphExplorerNodeLabel, useGraphExplorerContext, useGraphExplorerNode };

package/dist/graph-explorer/index.js

@@ -0,0 +1,261 @@
+import {
+  renderPrimitive
+} from "../chunk-T3ZFZ3NP.js";
+import {
+  GraphExplorerProvider,
+  InternalGraphExplorerNodeProvider,
+  useGraphExplorerContext,
+  useGraphExplorerNode,
+  useOptionalGraphExplorerNode
+} from "../chunk-E73S3SOF.js";
+
+// src/graph-explorer/parts.tsx
+import { forwardRef, useCallback } from "react";
+
+// src/graph-explorer/helpers.ts
+function graphExplorerNodeLabel(node) {
+  for (const key of ["name", "title", "label"]) {
+    const value = node.properties[key];
+    if (typeof value === "string" && value.trim().length > 0) return value;
+  }
+  if (node.key !== void 0) return node.key;
+  return `${node.type} ${node.id}`;
+}
+
+// src/graph-explorer/parts.tsx
+import { jsx } from "react/jsx-runtime";
+var GraphExplorerRoot = forwardRef(
+  function GraphExplorerRoot2(props, ref) {
+    const explorer = useGraphExplorerContext();
+    const truncated = explorer.truncated.nodes || explorer.truncated.relationships;
+    return renderPrimitive(
+      "div",
+      {
+        ...props,
+        "aria-busy": explorer.status === "loading",
+        "data-role": "graph-explorer",
+        "data-state": explorer.status,
+        "data-truncated": truncated ? "true" : "false"
+      },
+      ref
+    );
+  }
+);
+var GraphExplorerSearch = forwardRef(
+  function GraphExplorerSearch2({ onChange, ...props }, ref) {
+    const explorer = useGraphExplorerContext();
+    const handleChange = useCallback(
+      (event) => {
+        onChange?.(event);
+        if (!event.defaultPrevented) explorer.setQuery(event.currentTarget.value);
+      },
+      [explorer, onChange]
+    );
+    return renderPrimitive(
+      "input",
+      {
+        ...props,
+        "aria-label": props["aria-label"] ?? "Search graph",
+        "data-state": explorer.query.length === 0 ? "empty" : "populated",
+        onChange: handleChange,
+        type: props.type ?? "search",
+        value: explorer.query
+      },
+      ref
+    );
+  }
+);
+var GraphExplorerViewport = forwardRef(
+  function GraphExplorerViewport2(props, ref) {
+    return renderPrimitive(
+      "div",
+      { ...props, "data-role": "graph-explorer-viewport" },
+      ref
+    );
+  }
+);
+var GraphExplorerNodes = forwardRef(
+  function GraphExplorerNodes2({ children, keepMounted = false, ...props }, ref) {
+    const explorer = useGraphExplorerContext();
+    const empty = explorer.nodes.length === 0;
+    if (empty && !keepMounted) return null;
+    return renderPrimitive(
+      "div",
+      {
+        ...props,
+        children: explorer.nodes.map((node) => {
+          const state = {
+            node,
+            selected: node.id === explorer.selectedNodeId,
+            matched: explorer.matchedNodeIds.has(node.id)
+          };
+          return /* @__PURE__ */ jsx(InternalGraphExplorerNodeProvider, { value: state, children: typeof children === "function" ? children(node, state) : children ?? /* @__PURE__ */ jsx(GraphExplorerNodeRoot, { children: /* @__PURE__ */ jsx(GraphExplorerNodeTrigger, {}) }) }, node.id);
+        }),
+        "data-state": empty ? "empty" : "populated",
+        role: props.role ?? "list"
+      },
+      ref
+    );
+  }
+);
+var GraphExplorerEmpty = forwardRef(
+  function GraphExplorerEmpty2(props, ref) {
+    const explorer = useGraphExplorerContext();
+    if (explorer.nodes.length > 0 || explorer.status === "loading") return null;
+    return renderPrimitive(
+      "div",
+      { ...props, children: props.children ?? "No graph nodes." },
+      ref
+    );
+  }
+);
+var GraphExplorerStatus = forwardRef(
+  function GraphExplorerStatus2({ children, ...props }, ref) {
+    const explorer = useGraphExplorerContext();
+    const content = typeof children === "function" ? children(explorer) : children ?? statusText(explorer);
+    return renderPrimitive(
+      "div",
+      {
+        ...props,
+        children: content,
+        "data-state": explorer.status,
+        role: props.role ?? "status"
+      },
+      ref
+    );
+  }
+);
+var GraphExplorerRefresh = forwardRef(
+  function GraphExplorerRefresh2({ onClick, ...props }, ref) {
+    const explorer = useGraphExplorerContext();
+    const disabled = props.disabled ?? explorer.status === "loading";
+    const handleClick = useAsyncAction(onClick, disabled, explorer.refresh);
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? "Refresh graph",
+        disabled,
+        onClick: handleClick,
+        type: props.type ?? "button"
+      },
+      ref
+    );
+  }
+);
+var GraphExplorerNodeRoot = forwardRef(
+  function GraphExplorerNodeRoot2({ nodeId, ...props }, ref) {
+    const explorer = useGraphExplorerContext();
+    const inherited = useOptionalGraphExplorerNode();
+    const node = nodeId === void 0 ? inherited?.node : explorer.nodeById.get(nodeId);
+    if (node === void 0) {
+      throw new Error(
+        nodeId === void 0 ? "GraphExplorerNodePrimitive.Root requires a nodeId outside GraphExplorerPrimitive.Nodes." : `Graph explorer node ${nodeId} is not loaded.`
+      );
+    }
+    const state = {
+      node,
+      selected: node.id === explorer.selectedNodeId,
+      matched: explorer.matchedNodeIds.has(node.id)
+    };
+    return /* @__PURE__ */ jsx(InternalGraphExplorerNodeProvider, { value: state, children: renderPrimitive(
+      "div",
+      {
+        ...props,
+        "data-match": state.matched ? "matched" : "unmatched",
+        "data-node-id": state.node.id,
+        "data-node-type": state.node.type,
+        "data-state": state.selected ? "selected" : "unselected",
+        role: props.role ?? (inherited === void 0 ? void 0 : "listitem")
+      },
+      ref
+    ) });
+  }
+);
+var GraphExplorerNodeTrigger = forwardRef(
+  function GraphExplorerNodeTrigger2({ onClick, ...props }, ref) {
+    const explorer = useGraphExplorerContext();
+    const state = useGraphExplorerNode();
+    const handleClick = useCallback(
+      (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented && !props.disabled) explorer.selectNode(state.node.id);
+      },
+      [explorer, onClick, props.disabled, state.node.id]
+    );
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? graphExplorerNodeLabel(state.node),
+        onClick: handleClick,
+        type: props.type ?? "button",
+        "aria-pressed": state.selected
+      },
+      ref
+    );
+  }
+);
+var GraphExplorerNodeExpand = forwardRef(
+  function GraphExplorerNodeExpand2({ onClick, options, ...props }, ref) {
+    const explorer = useGraphExplorerContext();
+    const state = useGraphExplorerNode();
+    const disabled = props.disabled ?? explorer.status === "loading";
+    const expand = useCallback(
+      () => explorer.expandNode(state.node.id, options),
+      [explorer, options, state.node.id]
+    );
+    const handleClick = useAsyncAction(onClick, disabled, expand);
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? "Expand",
+        disabled,
+        onClick: handleClick,
+        type: props.type ?? "button"
+      },
+      ref
+    );
+  }
+);
+function useAsyncAction(onClick, disabled, action) {
+  return useCallback(
+    (event) => {
+      onClick?.(event);
+      if (event.defaultPrevented || disabled) return;
+      void action().catch(() => void 0);
+    },
+    [action, disabled, onClick]
+  );
+}
+function statusText(explorer) {
+  if (explorer.status === "loading") return "Loading graph.";
+  if (explorer.status === "error") return "Graph exploration failed.";
+  return `${explorer.nodes.length} nodes, ${explorer.relationships.length} relationships.`;
+}
+
+// src/graph-explorer/index.ts
+var GraphExplorerPrimitive = {
+  Root: GraphExplorerRoot,
+  Viewport: GraphExplorerViewport,
+  Search: GraphExplorerSearch,
+  Nodes: GraphExplorerNodes,
+  Empty: GraphExplorerEmpty,
+  Status: GraphExplorerStatus,
+  Refresh: GraphExplorerRefresh
+};
+var GraphExplorerNodePrimitive = {
+  Root: GraphExplorerNodeRoot,
+  Trigger: GraphExplorerNodeTrigger,
+  Expand: GraphExplorerNodeExpand
+};
+export {
+  GraphExplorerNodePrimitive,
+  GraphExplorerPrimitive,
+  GraphExplorerProvider,
+  graphExplorerNodeLabel,
+  useGraphExplorerContext,
+  useGraphExplorerNode
+};
+//# sourceMappingURL=index.js.map

package/dist/graph-explorer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/graph-explorer/parts.tsx","../../src/graph-explorer/helpers.ts","../../src/graph-explorer/index.ts"],"sourcesContent":["import type { GraphExploreNode } from \"@anvia/graph\";\nimport { forwardRef, type ChangeEvent, type MouseEvent, type ReactNode, useCallback } from \"react\";\n\nimport {\n  InternalGraphExplorerNodeProvider,\n  type GraphExplorerController,\n  type GraphExplorerExpandNodeOptions,\n  type GraphExplorerNodeContextValue,\n  useGraphExplorerContext,\n  useGraphExplorerNode,\n  useOptionalGraphExplorerNode,\n} from \"../contexts\";\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\nimport { graphExplorerNodeLabel } from \"./helpers\";\n\nexport const GraphExplorerRoot = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerRoot(props, ref) {\n    const explorer = useGraphExplorerContext();\n    const truncated = explorer.truncated.nodes || explorer.truncated.relationships;\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"aria-busy\": explorer.status === \"loading\",\n        \"data-role\": \"graph-explorer\",\n        \"data-state\": explorer.status,\n        \"data-truncated\": truncated ? \"true\" : \"false\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerSearch = forwardRef<HTMLInputElement, PrimitiveProps<\"input\">>(\n  function GraphExplorerSearch({ onChange, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const handleChange = useCallback(\n      (event: ChangeEvent<HTMLInputElement>) => {\n        onChange?.(event);\n        if (!event.defaultPrevented) explorer.setQuery(event.currentTarget.value);\n      },\n      [explorer, onChange],\n    );\n    return renderPrimitive(\n      \"input\",\n      {\n        ...props,\n        \"aria-label\": props[\"aria-label\"] ?? \"Search graph\",\n        \"data-state\": explorer.query.length === 0 ? \"empty\" : \"populated\",\n        onChange: handleChange,\n        type: props.type ?? \"search\",\n        value: explorer.query,\n      } as PrimitiveProps<\"input\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerViewport = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerViewport(props, ref) {\n    return renderPrimitive(\n      \"div\",\n      { ...props, \"data-role\": \"graph-explorer-viewport\" } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerNodesChildren =\n  | ReactNode\n  | ((node: GraphExploreNode, state: GraphExplorerNodeContextValue) => ReactNode);\n\ntype GraphExplorerNodesProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: GraphExplorerNodesChildren;\n  keepMounted?: boolean;\n};\n\nexport const GraphExplorerNodes = forwardRef<HTMLDivElement, GraphExplorerNodesProps>(\n  function GraphExplorerNodes({ children, keepMounted = false, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const empty = explorer.nodes.length === 0;\n    if (empty && !keepMounted) return null;\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: explorer.nodes.map((node) => {\n          const state: GraphExplorerNodeContextValue = {\n            node,\n            selected: node.id === explorer.selectedNodeId,\n            matched: explorer.matchedNodeIds.has(node.id),\n          };\n          return (\n            <InternalGraphExplorerNodeProvider key={node.id} value={state}>\n              {typeof children === \"function\"\n                ? children(node, state)\n                : (children ?? (\n                    <GraphExplorerNodeRoot>\n                      <GraphExplorerNodeTrigger />\n                    </GraphExplorerNodeRoot>\n                  ))}\n            </InternalGraphExplorerNodeProvider>\n          );\n        }),\n        \"data-state\": empty ? \"empty\" : \"populated\",\n        role: props.role ?? \"list\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerEmpty = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function GraphExplorerEmpty(props, ref) {\n    const explorer = useGraphExplorerContext();\n    if (explorer.nodes.length > 0 || explorer.status === \"loading\") return null;\n    return renderPrimitive(\n      \"div\",\n      { ...props, children: props.children ?? \"No graph nodes.\" } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerStatusChildren = ReactNode | ((explorer: GraphExplorerController) => ReactNode);\ntype GraphExplorerStatusProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  children?: GraphExplorerStatusChildren;\n};\n\nexport const GraphExplorerStatus = forwardRef<HTMLDivElement, GraphExplorerStatusProps>(\n  function GraphExplorerStatus({ children, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const content =\n      typeof children === \"function\" ? children(explorer) : (children ?? statusText(explorer));\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: content,\n        \"data-state\": explorer.status,\n        role: props.role ?? \"status\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nexport const GraphExplorerRefresh = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function GraphExplorerRefresh({ onClick, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const disabled = props.disabled ?? explorer.status === \"loading\";\n    const handleClick = useAsyncAction(onClick, disabled, explorer.refresh);\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Refresh graph\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nexport type GraphExplorerNodeRootProps = PrimitiveProps<\"div\"> & { nodeId?: string };\n\nexport const GraphExplorerNodeRoot = forwardRef<HTMLDivElement, GraphExplorerNodeRootProps>(\n  function GraphExplorerNodeRoot({ nodeId, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const inherited = useOptionalGraphExplorerNode();\n    const node = nodeId === undefined ? inherited?.node : explorer.nodeById.get(nodeId);\n    if (node === undefined) {\n      throw new Error(\n        nodeId === undefined\n          ? \"GraphExplorerNodePrimitive.Root requires a nodeId outside GraphExplorerPrimitive.Nodes.\"\n          : `Graph explorer node ${nodeId} is not loaded.`,\n      );\n    }\n    const state: GraphExplorerNodeContextValue = {\n      node,\n      selected: node.id === explorer.selectedNodeId,\n      matched: explorer.matchedNodeIds.has(node.id),\n    };\n    return (\n      <InternalGraphExplorerNodeProvider value={state}>\n        {renderPrimitive(\n          \"div\",\n          {\n            ...props,\n            \"data-match\": state.matched ? \"matched\" : \"unmatched\",\n            \"data-node-id\": state.node.id,\n            \"data-node-type\": state.node.type,\n            \"data-state\": state.selected ? \"selected\" : \"unselected\",\n            role: props.role ?? (inherited === undefined ? undefined : \"listitem\"),\n          } as PrimitiveProps<\"div\">,\n          ref,\n        )}\n      </InternalGraphExplorerNodeProvider>\n    );\n  },\n);\n\nexport const GraphExplorerNodeTrigger = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function GraphExplorerNodeTrigger({ onClick, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const state = useGraphExplorerNode();\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (!event.defaultPrevented && !props.disabled) explorer.selectNode(state.node.id);\n      },\n      [explorer, onClick, props.disabled, state.node.id],\n    );\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? graphExplorerNodeLabel(state.node),\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"aria-pressed\": state.selected,\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype GraphExplorerNodeExpandOptions = Omit<GraphExplorerExpandNodeOptions, \"abortSignal\">;\ntype GraphExplorerNodeExpandProps = PrimitiveProps<\"button\"> & {\n  options?: GraphExplorerNodeExpandOptions;\n};\n\nexport const GraphExplorerNodeExpand = forwardRef<HTMLButtonElement, GraphExplorerNodeExpandProps>(\n  function GraphExplorerNodeExpand({ onClick, options, ...props }, ref) {\n    const explorer = useGraphExplorerContext();\n    const state = useGraphExplorerNode();\n    const disabled = props.disabled ?? explorer.status === \"loading\";\n    const expand = useCallback(\n      () => explorer.expandNode(state.node.id, options),\n      [explorer, options, state.node.id],\n    );\n    const handleClick = useAsyncAction(onClick, disabled, expand);\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Expand\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\nfunction useAsyncAction(\n  onClick: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined,\n  disabled: boolean,\n  action: () => Promise<unknown>,\n) {\n  return useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled) return;\n      void action().catch(() => undefined);\n    },\n    [action, disabled, onClick],\n  );\n}\n\nfunction statusText(explorer: GraphExplorerController): ReactNode {\n  if (explorer.status === \"loading\") return \"Loading graph.\";\n  if (explorer.status === \"error\") return \"Graph exploration failed.\";\n  return `${explorer.nodes.length} nodes, ${explorer.relationships.length} relationships.`;\n}\n","import type { GraphExploreNode } from \"@anvia/graph\";\n\nexport function graphExplorerNodeLabel(node: GraphExploreNode): string {\n  for (const key of [\"name\", \"title\", \"label\"] as const) {\n    const value = node.properties[key];\n    if (typeof value === \"string\" && value.trim().length > 0) return value;\n  }\n  if (node.key !== undefined) return node.key;\n  return `${node.type} ${node.id}`;\n}\n","import {\n  GraphExplorerEmpty,\n  GraphExplorerNodes,\n  GraphExplorerRefresh,\n  GraphExplorerRoot,\n  GraphExplorerSearch,\n  GraphExplorerStatus,\n  GraphExplorerViewport,\n  GraphExplorerNodeExpand,\n  GraphExplorerNodeRoot,\n  GraphExplorerNodeTrigger,\n} from \"./parts\";\n\nexport const GraphExplorerPrimitive = {\n  Root: GraphExplorerRoot,\n  Viewport: GraphExplorerViewport,\n  Search: GraphExplorerSearch,\n  Nodes: GraphExplorerNodes,\n  Empty: GraphExplorerEmpty,\n  Status: GraphExplorerStatus,\n  Refresh: GraphExplorerRefresh,\n} as const;\n\nexport const GraphExplorerNodePrimitive = {\n  Root: GraphExplorerNodeRoot,\n  Trigger: GraphExplorerNodeTrigger,\n  Expand: GraphExplorerNodeExpand,\n} as const;\n\nexport type {\n  GraphExplorerController,\n  GraphExplorerExpandNodeOptions,\n  GraphExplorerNodeContextValue,\n  GraphExplorerProviderProps,\n  GraphExplorerStatus,\n} from \"../contexts/graph-explorer\";\nexport {\n  GraphExplorerProvider,\n  useGraphExplorerContext,\n  useGraphExplorerNode,\n} from \"../contexts/graph-explorer\";\nexport { graphExplorerNodeLabel } from \"./helpers\";\nexport type { GraphExplorerNodeRootProps } from \"./parts\";\n"],"mappings":"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","names":["GraphExplorerRoot","GraphExplorerSearch","GraphExplorerViewport","GraphExplorerNodes","GraphExplorerEmpty","GraphExplorerStatus","GraphExplorerRefresh","GraphExplorerNodeRoot","GraphExplorerNodeTrigger","GraphExplorerNodeExpand"]}

package/dist/human-input/index.js

@@ -1,6 +1,6 @@
 import {
   HumanInputPrimitive
-} from "../chunk-OQE6SHZE.js";
+} from "../chunk-N5XQU36W.js";
 import "../chunk-CKA4CE26.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
@@ -9,7 +9,7 @@ import {
   useHumanInput,
   useQuestion,
   useQuestionPrompt
-} from "../chunk-SOG2GVE4.js";
+} from "../chunk-E73S3SOF.js";
 export {
   HumanInputPrimitive,
   useApproval,

package/dist/image/index.js

@@ -1,10 +1,10 @@
 import {
   ImagePrimitive
-} from "../chunk-XC7K4XYM.js";
+} from "../chunk-DLBNFBXQ.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useImage
-} from "../chunk-SOG2GVE4.js";
+} from "../chunk-E73S3SOF.js";
 export {
   ImagePrimitive,
   useImage

package/dist/index.js

@@ -1,34 +1,34 @@
 import {
   SelectionToolbarPrimitive
-} from "./chunk-UCBAG42A.js";
+} from "./chunk-KHB5CHAU.js";
 import {
   ThreadListItemPrimitive,
   ThreadListPrimitive
-} from "./chunk-647LAYRV.js";
+} from "./chunk-LHABOAOP.js";
 import {
   ComposerPrimitive,
   ThreadPrimitive
-} from "./chunk-HWJIMLHC.js";
-import {
-  CompletionPrimitive
-} from "./chunk-S4XLE2RN.js";
-import {
-  HumanInputPrimitive
-} from "./chunk-OQE6SHZE.js";
-import {
-  ImagePrimitive
-} from "./chunk-XC7K4XYM.js";
+} from "./chunk-UAPCHIJI.js";
 import {
   MessagePrimitive
-} from "./chunk-CRXNFZRW.js";
+} from "./chunk-Y4JLSCT7.js";
 import "./chunk-6XOJFLX4.js";
 import {
   StreamMarkdown
 } from "./chunk-F6AKBUO3.js";
 import {
   AttachmentPrimitive
-} from "./chunk-MISX4WUT.js";
+} from "./chunk-22EZJUPM.js";
+import {
+  CompletionPrimitive
+} from "./chunk-HGOPGZNQ.js";
+import {
+  HumanInputPrimitive
+} from "./chunk-N5XQU36W.js";
 import "./chunk-CKA4CE26.js";
+import {
+  ImagePrimitive
+} from "./chunk-DLBNFBXQ.js";
 import {
   renderPrimitive
 } from "./chunk-T3ZFZ3NP.js";
@@ -52,7 +52,7 @@ import {
   useThread,
   useThreadList,
   useThreadListItem
-} from "./chunk-SOG2GVE4.js";
+} from "./chunk-E73S3SOF.js";
 
 // src/context-meter.tsx
 import { forwardRef } from "react";

package/dist/message/index.js

@@ -1,16 +1,16 @@
 import {
   MessagePrimitive
-} from "../chunk-CRXNFZRW.js";
+} from "../chunk-Y4JLSCT7.js";
 import "../chunk-6XOJFLX4.js";
 import "../chunk-F6AKBUO3.js";
-import "../chunk-MISX4WUT.js";
+import "../chunk-22EZJUPM.js";
 import "../chunk-CKA4CE26.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useChatContext,
   useMessage,
   useMessagePart
-} from "../chunk-SOG2GVE4.js";
+} from "../chunk-E73S3SOF.js";
 export {
   MessagePrimitive,
   useChatContext,

package/dist/selection-toolbar/index.js

@@ -1,11 +1,11 @@
 import {
   SelectionToolbarPrimitive
-} from "../chunk-UCBAG42A.js";
+} from "../chunk-KHB5CHAU.js";
 import "../chunk-6XOJFLX4.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useSelectionToolbar
-} from "../chunk-SOG2GVE4.js";
+} from "../chunk-E73S3SOF.js";
 export {
   SelectionToolbarPrimitive,
   useSelectionToolbar

package/dist/shared.js

@@ -18,7 +18,7 @@ import {
   useThread,
   useThreadList,
   useThreadListItem
-} from "./chunk-SOG2GVE4.js";
+} from "./chunk-E73S3SOF.js";
 export {
   ChatProvider,
   CompletionProvider,

package/dist/thread-list/index.js

@@ -1,13 +1,13 @@
 import {
   ThreadListItemPrimitive,
   ThreadListPrimitive
-} from "../chunk-647LAYRV.js";
+} from "../chunk-LHABOAOP.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   ThreadListProvider,
   useThreadList,
   useThreadListItem
-} from "../chunk-SOG2GVE4.js";
+} from "../chunk-E73S3SOF.js";
 export {
   ThreadListItemPrimitive,
   ThreadListPrimitive,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anvia/react-ui",
-  "version": "1.0.9",
-  "description": "Composable React UI primitives for Anvia chat and completion experiences.",
+  "version": "1.0.11",
+  "description": "Composable, headless React UI primitives for Anvia applications.",
   "author": "anvia",
   "maintainer": "Indra Zulfi",
   "license": "MIT",
@@ -36,6 +36,10 @@
       "types": "./dist/completion/index.d.ts",
       "import": "./dist/completion/index.js"
     },
+    "./graph-explorer": {
+      "types": "./dist/graph-explorer/index.d.ts",
+      "import": "./dist/graph-explorer/index.js"
+    },
     "./human-input": {
       "types": "./dist/human-input/index.d.ts",
       "import": "./dist/human-input/index.js"
@@ -84,8 +88,14 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@anvia/client": "1.0.9",
-    "@anvia/react": "1.0.9"
+    "@anvia/client": "1.0.10",
+    "@anvia/graph": "1.0.11",
+    "@anvia/react": "1.0.11"
+  },
+  "peerDependenciesMeta": {
+    "@anvia/graph": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.2",
@@ -99,11 +109,12 @@
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.8",
-    "@anvia/client": "1.0.9",
-    "@anvia/react": "1.0.9"
+    "@anvia/client": "1.0.10",
+    "@anvia/react": "1.0.11",
+    "@anvia/graph": "1.0.11"
   },
   "scripts": {
-    "build": "tsup src/index.ts src/attachment/index.ts src/chat/index.ts src/completion/index.ts src/human-input/index.ts src/image/index.ts src/message/index.ts src/selection-toolbar/index.ts src/shared.ts src/stream/index.ts src/thread-list/index.ts --format esm --dts --sourcemap --clean --external react --external react-dom",
+    "build": "tsup src/index.ts src/attachment/index.ts src/chat/index.ts src/completion/index.ts src/graph-explorer/index.ts src/human-input/index.ts src/image/index.ts src/message/index.ts src/selection-toolbar/index.ts src/shared.ts src/stream/index.ts src/thread-list/index.ts --format esm --dts --sourcemap --clean --external react --external react-dom",
     "coverage": "vitest run --coverage",
     "test": "vitest run",
     "typecheck": "tsc --noEmit"