@devalok/shilp-sutra-karm 0.1.0

package/dist/board/kanban-board.js

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

package/dist/board/task-card.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface BoardTask {
+    id: string;
+    title: string;
+    priority: string;
+    labels: string[];
+    dueDate: string | null;
+    isBlocked: boolean;
+    assignees: {
+        id: string;
+        name: string;
+        image: string | null;
+    }[];
+}
+export interface TaskCardProps {
+    task: BoardTask;
+    onClickTask?: (taskId: string) => void;
+}
+declare const TaskCard: React.ForwardRefExoticComponent<TaskCardProps & React.RefAttributes<HTMLDivElement>>;
+export { TaskCard };
+export interface TaskCardOverlayProps {
+    task: BoardTask;
+}
+export declare const TaskCardOverlay: React.ForwardRefExoticComponent<TaskCardOverlayProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=task-card.d.ts.map

package/dist/board/task-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-card.d.ts","sourceRoot":"","sources":["../../src/board/task-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE,CAAA;CAChE;AAqKD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,QAAA,MAAM,QAAQ,sFA6Cb,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA;AAMnB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,SAAS,CAAA;CAChB;AAED,eAAO,MAAM,eAAe,6FAQ3B,CAAA"}

package/dist/board/task-card.js

@@ -0,0 +1,169 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import * as m from "react";
+import { useSortable as x } from "@dnd-kit/sortable";
+import { CSS as v } from "@dnd-kit/utilities";
+import { cva as y } from "class-variance-authority";
+import { cn as c } from "@devalok/shilp-sutra/ui";
+import { Badge as N } from "@devalok/shilp-sutra/ui";
+import { AvatarGroup as w } from "@devalok/shilp-sutra/composed";
+import { IconGripVertical as T, IconCalendar as D } from "@tabler/icons-react";
+import { PRIORITY_LABELS as C, PRIORITY_DOT_COLORS as R } from "../tasks/task-constants.js";
+function O(e) {
+  const a = new Date(e), s = /* @__PURE__ */ new Date(), r = a.getTime() - s.getTime(), i = Math.ceil(r / (1e3 * 60 * 60 * 24));
+  return i < 0 ? { label: "Overdue", className: "text-text-error" } : i === 0 ? { label: "Today", className: "text-warning" } : i === 1 ? { label: "Tomorrow", className: "text-text-warning" } : {
+    label: a.toLocaleDateString("en-IN", { month: "short", day: "numeric" }),
+    className: "text-text-tertiary"
+  };
+}
+const I = 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 f({
+  task: e,
+  isDragging: a,
+  isDragOverlay: s,
+  dragHandleProps: r,
+  onClickTask: i
+}) {
+  const n = e.dueDate ? O(e.dueDate) : null;
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: I({
+          state: s ? "overlay" : a ? "dragging" : "default",
+          blocked: e.isBlocked
+        }),
+        onClick: () => i == null ? void 0 : i(e.id),
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex items-start gap-ds-02b", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: c(
+                  "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]"
+                ),
+                ...(r == null ? void 0 : r.attributes) ?? {},
+                ...(r == null ? void 0 : r.listeners) ?? {},
+                "aria-label": `Drag handle for task: ${e.title}`,
+                "aria-roledescription": "sortable",
+                onClick: (o) => o.stopPropagation(),
+                children: /* @__PURE__ */ t(T, { className: "h-ico-sm w-ico-sm text-icon-secondary" })
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ t("p", { className: "text-ds-md font-medium text-text-primary line-clamp-2", children: e.title }) })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "mt-ds-03 flex items-center gap-ds-03", children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: c(
+                  "h-2 w-2 rounded-ds-full flex-shrink-0",
+                  R[e.priority]
+                ),
+                title: C[e.priority]
+              }
+            ),
+            e.labels.length > 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02 overflow-hidden", children: [
+              e.labels.slice(0, 2).map((o) => /* @__PURE__ */ t(N, { size: "sm", variant: "neutral", className: "max-w-[80px] truncate", children: o }, o)),
+              e.labels.length > 2 && /* @__PURE__ */ l("span", { className: "text-ds-xs text-text-tertiary", children: [
+                "+",
+                e.labels.length - 2
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "flex-1" }),
+            n && /* @__PURE__ */ l(
+              "div",
+              {
+                className: c(
+                  "flex items-center gap-ds-01 text-ds-xs leading-tight",
+                  n.className
+                ),
+                children: [
+                  /* @__PURE__ */ t(D, { className: "h-2.5 w-2.5" }),
+                  /* @__PURE__ */ t("span", { children: n.label })
+                ]
+              }
+            ),
+            e.assignees.length > 0 && /* @__PURE__ */ t(
+              w,
+              {
+                users: e.assignees,
+                size: "sm",
+                max: 2,
+                showTooltip: !1
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+}
+const S = m.forwardRef(
+  function({ task: a, onClickTask: s }, r) {
+    const {
+      attributes: i,
+      listeners: n,
+      setNodeRef: o,
+      transform: u,
+      transition: p,
+      isDragging: h
+    } = x({
+      id: a.id,
+      data: {
+        type: "task",
+        task: a
+      }
+    }), b = m.useCallback(
+      (d) => {
+        o(d), typeof r == "function" ? r(d) : r && (r.current = d);
+      },
+      [r, o]
+    ), g = {
+      transform: v.Transform.toString(u),
+      transition: p
+    };
+    return /* @__PURE__ */ t("div", { ref: b, style: g, children: /* @__PURE__ */ t(
+      f,
+      {
+        task: a,
+        isDragging: h,
+        dragHandleProps: { attributes: i, listeners: n },
+        onClickTask: s
+      }
+    ) });
+  }
+);
+S.displayName = "TaskCard";
+const L = m.forwardRef(
+  function({ task: a }, s) {
+    return /* @__PURE__ */ t("div", { ref: s, children: /* @__PURE__ */ t(f, { task: a, isDragOverlay: !0 }) });
+  }
+);
+L.displayName = "TaskCardOverlay";
+export {
+  S as TaskCard,
+  L as TaskCardOverlay
+};

package/dist/chat/chat-input.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface ChatInputProps {
+    onSubmit: (message: string) => void;
+    onCancel?: () => void;
+    isStreaming?: boolean;
+    placeholder?: string;
+    disclaimer?: string;
+}
+export declare const ChatInput: React.ForwardRefExoticComponent<ChatInputProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=chat-input.d.ts.map

package/dist/chat/chat-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../src/chat/chat-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,uFAyErB,CAAA"}

package/dist/chat/chat-input.js

@@ -0,0 +1,52 @@
+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 o } from "react";
+import { IconSquare as N, IconSend as w } from "@tabler/icons-react";
+import { Button as m } from "@devalok/shilp-sutra/ui";
+const k = b.forwardRef(
+  function({
+    onSubmit: d,
+    onCancel: h,
+    isStreaming: s = !1,
+    placeholder: p = "Ask Karm AI...",
+    disclaimer: l = "AI responses may be inaccurate. Verify important information."
+  }, u) {
+    const [r, i] = y(""), a = g(null), f = o(() => {
+      const e = a.current;
+      e && (e.style.height = "auto", e.style.height = Math.min(e.scrollHeight, 160) + "px");
+    }, []), n = o(() => {
+      const e = r.trim();
+      !e || s || (i(""), a.current && (a.current.style.height = "auto"), d(e));
+    }, [r, s, d]), x = o(
+      (e) => {
+        e.key === "Enter" && !e.shiftKey && (e.preventDefault(), n());
+      },
+      [n]
+    );
+    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,
+            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: "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: n, disabled: !r.trim(), "aria-label": "Send message", children: /* @__PURE__ */ t(w, { className: "h-ico-sm w-ico-sm" }) })
+      ] }),
+      l && /* @__PURE__ */ t("p", { className: "text-ds-sm mt-ds-02b text-center text-text-placeholder", children: l })
+    ] });
+  }
+);
+k.displayName = "ChatInput";
+export {
+  k as ChatInput
+};

package/dist/chat/chat-panel.d.ts

@@ -0,0 +1,31 @@
+import { ChatMessage } from './message-list';
+import { Conversation } from './conversation-list';
+import * as React from 'react';
+export interface Agent {
+    id: string;
+    name: string;
+    desc: string;
+}
+export interface ChatPanelProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    messages: ChatMessage[];
+    conversations: Conversation[];
+    agents?: Agent[];
+    selectedAgentId?: string;
+    activeConversationId?: string | null;
+    isStreaming?: boolean;
+    streamingText?: string;
+    isLoadingMessages?: boolean;
+    isLoadingConversations?: boolean;
+    onSendMessage: (message: string) => void;
+    onCancelStream?: () => void;
+    onSelectAgent?: (agentId: string) => void;
+    onStartNewChat?: () => void;
+    onSelectConversation?: (id: string) => void;
+    onArchiveConversation?: (id: string) => void;
+    onDeleteConversation?: (id: string) => void;
+}
+declare const ChatPanel: React.ForwardRefExoticComponent<ChatPanelProps & React.RefAttributes<HTMLDivElement>>;
+export { ChatPanel };
+//# sourceMappingURL=chat-panel.d.ts.map

package/dist/chat/chat-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-panel.d.ts","sourceRoot":"","sources":["../../src/chat/chat-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE9D,OAAO,EAAoB,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAezE,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAEhC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5C;AAiBD,QAAA,MAAM,SAAS,uFAwJd,CAAA;AAID,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/chat/chat-panel.js

@@ -0,0 +1,150 @@
+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";
+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";
+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
+};