@devalok/shilp-sutra-karm 0.8.1 → 0.9.0

package/dist/board/kanban-board.js

@@ -1,218 +0,0 @@
-"use client";
-import { jsxs as C, jsx as p } from "react/jsx-runtime";
-import * as Y from "react";
-import { useState as D, useRef as Z, useEffect as O, useMemo as _, useCallback as g } from "react";
-import { useComposedRef as V } from "../utils/use-composed-ref.js";
-import { createPortal as T } from "react-dom";
-import { useSensors as M, useSensor as B, PointerSensor as tt, TouchSensor as et, KeyboardSensor as rt, DndContext as nt, closestCorners as st, DragOverlay as ot } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as it, SortableContext as at, horizontalListSortingStrategy as dt } from "@dnd-kit/sortable";
-import { BoardColumn as ct } from "./board-column.js";
-import { TaskCardOverlay as lt } from "./task-card.js";
-import { IconPlus as ut } from "@tabler/icons-react";
-import { Button as ft } from "@devalok/shilp-sutra/ui/button";
-function mt() {
-  return {
-    onDragStart({ active: h }) {
-      const c = h.data.current;
-      return (c == null ? void 0 : c.type) === "task" ? `Picked up task: ${c.task.title}` : "Picked up item";
-    },
-    onDragOver({ active: h, over: c }) {
-      if (!c) return;
-      const a = h.data.current;
-      if ((a == null ? void 0 : a.type) === "task")
-        return `Task ${a.task.title} is over ${c.id}`;
-    },
-    onDragEnd({ active: h, over: c }) {
-      if (!c) return "Dropped item";
-      const a = h.data.current;
-      return (a == null ? void 0 : a.type) === "task" ? `Dropped task: ${a.task.title}` : "Dropped item";
-    },
-    onDragCancel() {
-      return "Dragging cancelled";
-    }
-  };
-}
-const pt = Y.forwardRef(
-  function({
-    initialData: c,
-    onTaskMove: a,
-    onTaskAdd: b,
-    onColumnRename: I,
-    onColumnDelete: y,
-    onColumnToggleVisibility: S,
-    onClickTask: K,
-    onAddColumn: P
-  }, $) {
-    const [E, v] = D(c), [w, N] = D(null), [R, j] = D(!1), A = Z(null), W = V(A, $);
-    O(() => {
-      v(c);
-    }, [c]), O(() => {
-      j(!0);
-    }, []);
-    const z = M(
-      B(tt, {
-        activationConstraint: {
-          distance: 5
-        }
-      }),
-      B(et, {
-        activationConstraint: {
-          delay: 200,
-          tolerance: 5
-        }
-      }),
-      B(rt, {
-        coordinateGetter: it
-      })
-    ), G = _(() => mt(), []), m = E.columns, L = m.map((t) => `column-${t.id}`), k = g(
-      (t) => {
-        for (const e of m)
-          if (e.tasks.some((i) => i.id === t))
-            return e.id;
-        return null;
-      },
-      [m]
-    ), x = g(
-      (t, e, i, o) => {
-        v((l) => {
-          const u = l.columns.map((d) => ({
-            ...d,
-            tasks: [...d.tasks]
-          })), n = u.find((d) => d.id === e), f = u.find((d) => d.id === i);
-          if (!n || !f) return l;
-          const r = n.tasks.findIndex((d) => d.id === t);
-          if (r === -1) return l;
-          const [s] = n.tasks.splice(r, 1);
-          return f.tasks.splice(o, 0, s), { columns: u };
-        });
-      },
-      []
-    ), q = g((t) => {
-      const e = t.active.data.current;
-      (e == null ? void 0 : e.type) === "task" && N(e.task);
-    }, []), F = g(
-      (t) => {
-        const { active: e, over: i } = t;
-        if (!i) return;
-        const o = e.id, l = i.id, u = k(o);
-        if (!u) return;
-        let n = null, f = 0;
-        if (l.startsWith("column-")) {
-          n = l.replace("column-", "");
-          const r = m.find((s) => s.id === n);
-          f = (r == null ? void 0 : r.tasks.length) ?? 0;
-        } else if (n = k(l), n) {
-          const r = m.find((s) => s.id === n);
-          f = (r == null ? void 0 : r.tasks.findIndex((s) => s.id === l)) ?? 0;
-        }
-        !n || u === n || x(o, u, n, f);
-      },
-      [m, k, x]
-    ), H = g(
-      (t) => {
-        const { active: e, over: i } = t;
-        if (N(null), !i) return;
-        const o = e.id, l = i.id, u = k(o);
-        if (!u) return;
-        let n, f;
-        if (l.startsWith("column-")) {
-          n = l.replace("column-", "");
-          const r = m.find((s) => s.id === n);
-          if (f = (r == null ? void 0 : r.tasks.length) ?? 0, u === n) {
-            const s = r == null ? void 0 : r.tasks.findIndex((d) => d.id === o);
-            s !== void 0 && s >= 0 && (f = s);
-          }
-        } else {
-          n = k(l) ?? u;
-          const r = m.find((s) => s.id === n);
-          f = (r == null ? void 0 : r.tasks.findIndex((s) => s.id === l)) ?? 0;
-        }
-        if (u === n) {
-          const r = m.find((d) => d.id === n), s = r == null ? void 0 : r.tasks.findIndex((d) => d.id === o);
-          s !== void 0 && s !== f && x(o, u, n, f);
-        }
-        a == null || a(o, n, f);
-      },
-      [m, k, x, a]
-    ), J = (t, e) => {
-      b == null || b(t, e);
-    }, Q = (t, e) => {
-      v((i) => ({
-        columns: i.columns.map(
-          (o) => o.id === t ? { ...o, name: e } : o
-        )
-      })), I == null || I(t, e);
-    }, U = (t) => {
-      v((e) => ({
-        columns: e.columns.filter((i) => i.id !== t)
-      })), y == null || y(t);
-    }, X = (t, e) => {
-      v((i) => ({
-        columns: i.columns.map(
-          (o) => o.id === t ? { ...o, isClientVisible: e } : o
-        )
-      })), S == null || S(t, e);
-    };
-    return /* @__PURE__ */ C(
-      nt,
-      {
-        sensors: z,
-        collisionDetection: st,
-        onDragStart: q,
-        onDragOver: F,
-        onDragEnd: H,
-        accessibility: { announcements: G },
-        children: [
-          /* @__PURE__ */ C(
-            "div",
-            {
-              ref: W,
-              className: "no-scrollbar flex h-full gap-ds-05 overflow-x-auto pb-ds-05",
-              children: [
-                /* @__PURE__ */ p(
-                  at,
-                  {
-                    items: L,
-                    strategy: dt,
-                    children: m.map((t, e) => /* @__PURE__ */ p("div", { className: "group flex-shrink-0", children: /* @__PURE__ */ p(
-                      ct,
-                      {
-                        column: t,
-                        index: e,
-                        onAddTask: J,
-                        onClickTask: K,
-                        onRenameColumn: Q,
-                        onDeleteColumn: U,
-                        onToggleVisibility: X
-                      }
-                    ) }, t.id))
-                  }
-                ),
-                /* @__PURE__ */ p("div", { className: "flex-shrink-0", children: /* @__PURE__ */ C(
-                  ft,
-                  {
-                    variant: "ghost",
-                    onClick: P,
-                    className: "h-ds-md w-[300px] justify-start gap-ds-03 rounded-ds-xl border border-dashed border-border/60 bg-layer-02 text-text-tertiary hover:border-border-interactive hover:bg-interactive-subtle/50 hover:text-interactive",
-                    children: [
-                      /* @__PURE__ */ p(ut, { className: "h-ico-sm w-ico-sm" }),
-                      "Add column"
-                    ]
-                  }
-                ) })
-              ]
-            }
-          ),
-          R && T(
-            /* @__PURE__ */ p(ot, { dropAnimation: null, children: w ? /* @__PURE__ */ p(lt, { task: w }) : null }),
-            document.body
-          )
-        ]
-      }
-    );
-  }
-);
-pt.displayName = "KanbanBoard";
-export {
-  pt as KanbanBoard
-};

package/dist/board/task-card.js

@@ -1,168 +0,0 @@
-"use client";
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import * as c from "react";
-import { useComposedRef as x } from "../utils/use-composed-ref.js";
-import { useSortable as g } from "@dnd-kit/sortable";
-import { CSS as v } from "@dnd-kit/utilities";
-import { cva as y } from "class-variance-authority";
-import { cn as d } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Badge as N } from "@devalok/shilp-sutra/ui";
-import { AvatarGroup as w } from "@devalok/shilp-sutra/composed/avatar-group";
-import { IconGripVertical as D, IconCalendar as R } from "@tabler/icons-react";
-import { PRIORITY_LABELS as I, PRIORITY_DOT_COLORS as O } from "../tasks/task-constants.js";
-function S(e) {
-  const a = new Date(e), s = /* @__PURE__ */ new Date(), o = a.getTime() - s.getTime(), t = Math.ceil(o / (1e3 * 60 * 60 * 24));
-  return t < 0 ? { label: "Overdue", className: "text-text-error" } : t === 0 ? { label: "Today", className: "text-text-warning" } : t === 1 ? { label: "Tomorrow", className: "text-text-warning" } : {
-    label: a.toLocaleDateString("en-IN", { month: "short", day: "numeric" }),
-    className: "text-text-tertiary"
-  };
-}
-const T = y(
-  "group/card relative rounded-ds-lg border border-border/60 bg-layer-01 p-ds-04 shadow-01 transition-[color,background-color,border-color,box-shadow] duration-fast-02 ease-productive-standard hover:shadow-02 hover:border-border cursor-pointer",
-  {
-    variants: {
-      state: {
-        default: "",
-        dragging: "opacity-[0.38]",
-        overlay: "rotate-[2deg] shadow-03 border-border-interactive/60 ring-1 ring-interactive/40"
-      },
-      blocked: {
-        true: "border-l-2 border-l-error",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      state: "default",
-      blocked: !1
-    }
-  }
-);
-function m({
-  task: e,
-  isDragging: a,
-  isDragOverlay: s,
-  dragHandleProps: o,
-  onClickTask: t
-}) {
-  const l = e.dueDate ? S(e.dueDate) : null;
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: T({
-        state: s ? "overlay" : a ? "dragging" : "default",
-        blocked: e.isBlocked
-      }),
-      onClick: () => t == null ? void 0 : t(e.id),
-      onKeyDown: (i) => {
-        (i.key === "Enter" || i.key === " ") && (i.preventDefault(), t == null || t(e.id));
-      },
-      children: [
-        /* @__PURE__ */ n("div", { className: "flex items-start gap-ds-02b", children: [
-          /* @__PURE__ */ r(
-            "button",
-            {
-              className: d(
-                "mt-ds-01 flex-shrink-0 cursor-grab rounded p-ds-01 opacity-0 transition-opacity",
-                "group-hover/card:opacity-[0.38] hover:!opacity-100",
-                "active:cursor-grabbing",
-                s && "opacity-[0.38]"
-              ),
-              ...(o == null ? void 0 : o.attributes) ?? {},
-              ...(o == null ? void 0 : o.listeners) ?? {},
-              "aria-label": `Drag handle for task: ${e.title}`,
-              "aria-roledescription": "sortable",
-              onClick: (i) => i.stopPropagation(),
-              children: /* @__PURE__ */ r(D, { className: "h-ico-sm w-ico-sm text-icon-secondary" })
-            }
-          ),
-          /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ r("p", { className: "text-ds-md font-medium text-text-primary line-clamp-2", children: e.title }) })
-        ] }),
-        /* @__PURE__ */ n("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: [
-          /* @__PURE__ */ r(
-            "div",
-            {
-              className: d(
-                "h-2 w-2 rounded-ds-full flex-shrink-0",
-                O[e.priority]
-              ),
-              title: I[e.priority]
-            }
-          ),
-          e.labels.length > 0 && /* @__PURE__ */ n("div", { className: "flex items-center gap-ds-02 overflow-hidden", children: [
-            e.labels.slice(0, 2).map((i) => /* @__PURE__ */ r(N, { size: "sm", className: "max-w-[80px] truncate", children: i }, i)),
-            e.labels.length > 2 && /* @__PURE__ */ n("span", { className: "text-ds-xs text-text-tertiary", children: [
-              "+",
-              e.labels.length - 2
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "flex-1" }),
-          l && /* @__PURE__ */ n(
-            "div",
-            {
-              className: d(
-                "flex items-center gap-ds-01 text-ds-xs leading-tight",
-                l.className
-              ),
-              children: [
-                /* @__PURE__ */ r(R, { className: "h-2.5 w-2.5" }),
-                /* @__PURE__ */ r("span", { children: l.label })
-              ]
-            }
-          ),
-          e.assignees.length > 0 && /* @__PURE__ */ r(
-            w,
-            {
-              users: e.assignees,
-              size: "sm",
-              max: 2,
-              showTooltip: !1
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-const C = c.forwardRef(
-  function({ task: a, onClickTask: s }, o) {
-    const {
-      attributes: t,
-      listeners: l,
-      setNodeRef: i,
-      transform: f,
-      transition: u,
-      isDragging: p
-    } = g({
-      id: a.id,
-      data: {
-        type: "task",
-        task: a
-      }
-    }), h = x(i, o), b = {
-      transform: v.Transform.toString(f),
-      transition: u
-    };
-    return /* @__PURE__ */ r("div", { ref: h, style: b, children: /* @__PURE__ */ r(
-      m,
-      {
-        task: a,
-        isDragging: p,
-        dragHandleProps: { attributes: t, listeners: l },
-        onClickTask: s
-      }
-    ) });
-  }
-);
-C.displayName = "TaskCard";
-const L = c.forwardRef(
-  function({ task: a }, s) {
-    return /* @__PURE__ */ r("div", { ref: s, children: /* @__PURE__ */ r(m, { task: a, isDragOverlay: !0 }) });
-  }
-);
-L.displayName = "TaskCardOverlay";
-export {
-  C as TaskCard,
-  L as TaskCardOverlay
-};

package/dist/chat/chat-input.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import * as b from "react";
-import { useState as y, useRef as g, useCallback as n } from "react";
-import { IconSquare as N, IconSend as w } from "@tabler/icons-react";
-import { Button as m } from "@devalok/shilp-sutra/ui/button";
-const k = b.forwardRef(
-  function({
-    onSubmit: l,
-    onCancel: h,
-    isStreaming: s = !1,
-    placeholder: p = "Ask Karm AI...",
-    disclaimer: d = "AI responses may be inaccurate. Verify important information."
-  }, u) {
-    const [r, i] = y(""), a = g(null), f = n(() => {
-      const e = a.current;
-      e && (e.style.height = "auto", e.style.height = Math.min(e.scrollHeight, 160) + "px");
-    }, []), o = n(() => {
-      const e = r.trim();
-      !e || s || (i(""), a.current && (a.current.style.height = "auto"), l(e));
-    }, [r, s, l]), x = n(
-      (e) => {
-        e.key === "Enter" && !e.shiftKey && (e.preventDefault(), o());
-      },
-      [o]
-    );
-    return /* @__PURE__ */ c("div", { ref: u, className: "border-t border-border bg-layer-01 p-ds-04", children: [
-      /* @__PURE__ */ c("div", { className: "flex items-end gap-ds-03 rounded-ds-xl border border-border bg-field px-ds-04 py-ds-03", children: [
-        /* @__PURE__ */ t(
-          "textarea",
-          {
-            ref: a,
-            value: r,
-            onChange: (e) => {
-              i(e.target.value), f();
-            },
-            onKeyDown: x,
-            placeholder: p,
-            "aria-label": "Type a message",
-            disabled: s,
-            rows: 1,
-            className: "text-ds-md no-scrollbar max-h-[160px] min-h-ds-xs flex-1 resize-none bg-transparent text-text-primary placeholder:text-text-placeholder focus:outline-none disabled:opacity-[0.38]"
-          }
-        ),
-        s ? /* @__PURE__ */ t(m, { variant: "solid", color: "error", size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: h, "aria-label": "Stop generating", children: /* @__PURE__ */ t(N, { className: "h-ico-sm w-ico-sm" }) }) : /* @__PURE__ */ t(m, { size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: o, disabled: !r.trim(), "aria-label": "Send message", children: /* @__PURE__ */ t(w, { className: "h-ico-sm w-ico-sm" }) })
-      ] }),
-      d && /* @__PURE__ */ t("p", { className: "text-ds-sm mt-ds-02b text-center text-text-placeholder", children: d })
-    ] });
-  }
-);
-k.displayName = "ChatInput";
-export {
-  k as ChatInput
-};

package/dist/chat/chat-panel.js

@@ -1,151 +0,0 @@
-"use client";
-import { jsx as e, jsxs as d, Fragment as M } from "react/jsx-runtime";
-import * as P from "react";
-import { useState as T } from "react";
-import { Sheet as j, SheetContent as I, SheetTitle as C } from "@devalok/shilp-sutra/ui/sheet";
-import { MessageList as H } from "./message-list.js";
-import { ChatInput as L } from "./chat-input.js";
-import { ConversationList as E } from "./conversation-list.js";
-import { cn as F } from "@devalok/shilp-sutra/ui/lib/utils";
-import { IconChevronDown as G, IconMessagePlus as R, IconHistory as K, IconX as U } from "@tabler/icons-react";
-import { DropdownMenu as V, DropdownMenuTrigger as X, DropdownMenuContent as _, DropdownMenuItem as q } from "@devalok/shilp-sutra/ui";
-const z = [
-  { id: "devadoot", name: "Devadoot", desc: "General Assistant" },
-  { id: "prahari", name: "Prahari", desc: "Attendance & Time" },
-  { id: "sutradhar", name: "Sutradhar", desc: "Tasks & Projects" },
-  { id: "sahayak", name: "Sahayak", desc: "Team Helper" },
-  { id: "vidwan", name: "Vidwan", desc: "Knowledge Expert" },
-  { id: "sanchalak", name: "Sanchalak", desc: "Manager Advisor" },
-  { id: "dwar-palak", name: "Dwar-Palak", desc: "Access Control" }
-], A = P.forwardRef(
-  function({
-    isOpen: p,
-    onOpenChange: m,
-    messages: x,
-    conversations: f,
-    agents: i = z,
-    selectedAgentId: n = "devadoot",
-    activeConversationId: b,
-    isStreaming: h = !1,
-    streamingText: u = "",
-    isLoadingMessages: y = !1,
-    isLoadingConversations: w = !1,
-    onSendMessage: N,
-    onCancelStream: v,
-    onSelectAgent: o,
-    onStartNewChat: a,
-    onSelectConversation: c,
-    onArchiveConversation: k,
-    onDeleteConversation: D
-  }, g) {
-    const [t, l] = T(!1), r = i.find((s) => s.id === n) ?? i[0];
-    return /* @__PURE__ */ e(j, { open: p, onOpenChange: m, children: /* @__PURE__ */ d(
-      I,
-      {
-        ref: g,
-        side: "right",
-        className: "flex w-full flex-col gap-0 border-l border-border bg-layer-01 p-0 sm:max-w-[480px] [&>button]:hidden",
-        children: [
-          /* @__PURE__ */ e(C, { className: "sr-only", children: "AI Chat" }),
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03 border-b border-border px-ds-05 py-ds-04", children: [
-            /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ d(V, { children: [
-              /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ d(
-                "button",
-                {
-                  className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b transition-colors hover:bg-layer-02",
-                  children: [
-                    /* @__PURE__ */ e("span", { className: "text-ds-base text-text-primary", children: r == null ? void 0 : r.name }),
-                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-text-placeholder", children: r == null ? void 0 : r.desc }),
-                    /* @__PURE__ */ e(G, { className: "h-ico-sm w-ico-sm text-text-placeholder" })
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ e(_, { align: "start", className: "w-64", children: i.map((s) => /* @__PURE__ */ e(
-                q,
-                {
-                  onClick: () => o == null ? void 0 : o(s.id),
-                  className: n === s.id ? "bg-layer-02" : "",
-                  children: /* @__PURE__ */ d("div", { className: "flex flex-col", children: [
-                    /* @__PURE__ */ e("span", { className: "text-ds-md text-text-primary", children: s.name }),
-                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-text-placeholder", children: s.desc })
-                  ] })
-                },
-                s.id
-              )) })
-            ] }) }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: () => {
-                  a == null || a(), l(!1);
-                },
-                className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-text-secondary transition-colors hover:bg-layer-02",
-                "aria-label": "New chat",
-                children: /* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm" })
-              }
-            ),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: () => l(!t),
-                className: F(
-                  "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg transition-colors hover:bg-layer-02",
-                  t ? "bg-layer-02 text-text-primary" : "text-text-secondary"
-                ),
-                "aria-label": "Conversation history",
-                children: /* @__PURE__ */ e(K, { className: "h-ico-sm w-ico-sm" })
-              }
-            ),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                onClick: () => m(!1),
-                className: "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg text-text-secondary transition-colors hover:bg-layer-02",
-                "aria-label": "Close chat",
-                children: /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm" })
-              }
-            )
-          ] }),
-          t ? /* @__PURE__ */ e(
-            E,
-            {
-              conversations: f,
-              activeConversationId: b,
-              isLoading: w,
-              onSelect: (s) => {
-                c == null || c(s), l(!1);
-              },
-              onNewChat: () => {
-                a == null || a(), l(!1);
-              },
-              onArchive: k,
-              onDelete: D
-            }
-          ) : /* @__PURE__ */ d(M, { children: [
-            /* @__PURE__ */ e(
-              H,
-              {
-                messages: x,
-                isStreaming: h,
-                streamingText: u,
-                isLoadingMessages: y
-              }
-            ),
-            /* @__PURE__ */ e(
-              L,
-              {
-                onSubmit: N,
-                onCancel: v,
-                isStreaming: h
-              }
-            )
-          ] })
-        ]
-      }
-    ) });
-  }
-);
-A.displayName = "ChatPanel";
-export {
-  A as ChatPanel
-};

package/dist/chat/conversation-list.js

@@ -1,99 +0,0 @@
-"use client";
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import * as x from "react";
-import { IconMessagePlus as h, IconMessage as p, IconArchive as u, IconTrash as b } from "@tabler/icons-react";
-import { cn as y } from "@devalok/shilp-sutra/ui/lib/utils";
-function N(d) {
-  const o = new Date(d), l = (/* @__PURE__ */ new Date()).getTime() - o.getTime(), r = Math.floor(l / 6e4);
-  if (r < 1) return "Just now";
-  if (r < 60) return `${r}m ago`;
-  const a = Math.floor(r / 60);
-  if (a < 24) return `${a}h ago`;
-  const i = Math.floor(a / 24);
-  return i < 7 ? `${i}d ago` : o.toLocaleDateString("en-IN", {
-    day: "numeric",
-    month: "short"
-  });
-}
-const g = x.forwardRef(
-  function({
-    conversations: o,
-    activeConversationId: c,
-    isLoading: l = !1,
-    onSelect: r,
-    onNewChat: a,
-    onArchive: i,
-    onDelete: m
-  }, f) {
-    return /* @__PURE__ */ s("div", { ref: f, className: "flex flex-1 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-border px-ds-05 py-ds-04", children: [
-        /* @__PURE__ */ e("h3", { className: "text-ds-md font-semibold text-text-primary", children: "Conversations" }),
-        /* @__PURE__ */ s(
-          "button",
-          {
-            onClick: a,
-            className: "flex items-center gap-ds-02b rounded-ds-lg px-ds-03 py-ds-02b text-text-secondary transition-colors hover:bg-layer-02",
-            children: [
-              /* @__PURE__ */ e(h, { className: "h-ico-sm w-ico-sm" }),
-              /* @__PURE__ */ e("span", { className: "text-ds-sm", children: "New Chat" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e("div", { className: "no-scrollbar flex-1 overflow-y-auto", children: l ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ e("div", { className: "h-ico-md w-ico-md animate-spin rounded-ds-full border-2 border-text-secondary border-t-transparent" }) }) : o.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center gap-ds-03 py-12", children: [
-        /* @__PURE__ */ e(p, { className: "h-ds-sm w-ds-sm text-text-placeholder" }),
-        /* @__PURE__ */ e("p", { className: "text-ds-md text-text-placeholder", children: "No conversations yet" })
-      ] }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: o.map((t) => /* @__PURE__ */ s(
-        "div",
-        {
-          className: y(
-            "group flex items-center gap-ds-04 border-b border-border-subtle px-ds-05 py-ds-04 transition-colors hover:bg-layer-02",
-            c === t.id && "bg-layer-02"
-          ),
-          children: [
-            /* @__PURE__ */ s(
-              "button",
-              {
-                onClick: () => r(t.id),
-                className: "flex min-w-0 flex-1 flex-col gap-ds-01 text-left",
-                children: [
-                  /* @__PURE__ */ e("p", { className: "text-ds-md truncate text-text-primary", children: t.title || "Untitled conversation" }),
-                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: N(t.updatedAt) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
-              i && /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: (n) => {
-                    n.stopPropagation(), i(t.id);
-                  },
-                  className: "flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-text-placeholder transition-colors hover:bg-field hover:text-text-secondary",
-                  "aria-label": "Archive conversation",
-                  children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm" })
-                }
-              ),
-              m && /* @__PURE__ */ e(
-                "button",
-                {
-                  onClick: (n) => {
-                    n.stopPropagation(), m(t.id);
-                  },
-                  className: "flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md text-text-placeholder transition-colors hover:bg-error-surface hover:text-text-error",
-                  "aria-label": "Delete conversation",
-                  children: /* @__PURE__ */ e(b, { className: "h-ico-sm w-ico-sm" })
-                }
-              )
-            ] })
-          ]
-        },
-        t.id
-      )) }) })
-    ] });
-  }
-);
-g.displayName = "ConversationList";
-export {
-  g as ConversationList
-};