@tangle-network/ui 1.0.0

package/dist/chunk-GYPQXTJU.js

@@ -0,0 +1,230 @@
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/primitives/card.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var Card = React.forwardRef(({ className, variant = "default", hover = false, ...props }, ref) => {
+  const variants = {
+    default: "bg-card border-border",
+    elevated: "bg-muted/50 border-border shadow-[var(--shadow-card)]",
+    glass: "bg-card/80 backdrop-blur-xl border-border shadow-[var(--shadow-card)]",
+    sandbox: "bg-muted/50 border-primary/20 shadow-[var(--shadow-accent)]"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rounded-[var(--radius-lg)] border text-card-foreground transition-[border-color,box-shadow]",
+        "duration-[var(--transition-default)]",
+        variants[variant],
+        hover && "cursor-pointer hover:border-primary/30",
+        className
+      ),
+      ...props
+    }
+  );
+});
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1 p-4", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn("font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-4 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/primitives/badge.tsx
+import { cva } from "class-variance-authority";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 font-medium text-xs transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive/15 border-destructive/25 text-destructive",
+        outline: "text-foreground border-border",
+        success: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]",
+        warning: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
+        error: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]",
+        info: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
+        sandbox: "border-border bg-[var(--accent-surface-soft)] text-[var(--accent-text)]",
+        /* Operational status variants */
+        running: "border-[var(--surface-teal-border)] bg-[var(--surface-teal-bg)] text-[var(--surface-teal-text)]",
+        creating: "border-[var(--surface-violet-border)] bg-[var(--surface-violet-bg)] text-[var(--surface-violet-text)]",
+        stopped: "border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]",
+        warm: "border-[var(--surface-orange-border)] bg-[var(--surface-orange-bg)] text-[var(--surface-orange-text)]",
+        cold: "border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]",
+        deleted: "border-[var(--surface-neutral-border)] bg-[var(--surface-neutral-bg)] text-[var(--surface-neutral-text)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var statusDotClass = {
+  running: "status-dot status-dot-running",
+  creating: "status-dot status-dot-creating",
+  stopped: "status-dot status-dot-stopped",
+  warm: "status-dot status-dot-warm",
+  cold: "status-dot status-dot-cold",
+  error: "status-dot status-dot-error",
+  deleted: "status-dot status-dot-deleted"
+};
+function Badge({ className, variant, dot, children, ...props }) {
+  const dotClass = dot && variant ? statusDotClass[variant] : null;
+  return /* @__PURE__ */ jsxs("div", { className: cn(badgeVariants({ variant }), className), ...props, children: [
+    dotClass && /* @__PURE__ */ jsx2("span", { className: dotClass, "aria-hidden": true }),
+    children
+  ] });
+}
+
+// src/primitives/table.tsx
+import * as React2 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Table = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx3(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-card font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-border border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted/50",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/primitives/code-block.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function InlineCode({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "code",
+    {
+      className: cn(
+        "rounded border border-border bg-card px-1.5 py-0.5 font-mono text-[0.85em] text-[var(--code-keyword)]",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  badgeVariants,
+  Badge,
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption,
+  InlineCode
+};

package/dist/chunk-HFL6R6IF.js

@@ -0,0 +1,37 @@
+// src/stores/chat-store.ts
+import { atom, map } from "nanostores";
+var messagesAtom = atom([]);
+var partMapAtom = map({});
+var isStreamingAtom = atom(false);
+var insertionCounter = 0;
+function addMessage(msg) {
+  const withIndex = { ...msg, _insertionIndex: insertionCounter++ };
+  messagesAtom.set([...messagesAtom.get(), withIndex]);
+}
+function addParts(messageId, parts) {
+  const current = partMapAtom.get();
+  const existing = current[messageId] ?? [];
+  partMapAtom.setKey(messageId, [...existing, ...parts]);
+}
+function updatePart(messageId, partIndex, part) {
+  const current = partMapAtom.get();
+  const existing = [...current[messageId] ?? []];
+  existing[partIndex] = part;
+  partMapAtom.setKey(messageId, existing);
+}
+function clearChat() {
+  messagesAtom.set([]);
+  partMapAtom.set({});
+  isStreamingAtom.set(false);
+  insertionCounter = 0;
+}
+
+export {
+  messagesAtom,
+  partMapAtom,
+  isStreamingAtom,
+  addMessage,
+  addParts,
+  updatePart,
+  clearChat
+};