@devalok/shilp-sutra-karm 0.8.1 → 0.9.0

package/dist/_chunks/chat-panel.js

@@ -0,0 +1,376 @@
+"use client";
+import { jsx as e, jsxs as t, Fragment as $ } from "react/jsx-runtime";
+import * as y from "react";
+import { useRef as M, useEffect as F, useState as D, useCallback as C } from "react";
+import { Sheet as G, SheetContent as V, SheetTitle as _ } from "@devalok/shilp-sutra/ui/sheet";
+import { u as q } from "./use-composed-ref.js";
+import { M as T } from "./vendor.js";
+import { IconRobot as g, IconAlertCircle as J, IconUser as X, IconSquare as Y, IconSend as Q, IconMessagePlus as R, IconMessage as S, IconArchive as W, IconTrash as Z, IconChevronDown as O, IconHistory as ee, IconX as se } from "@tabler/icons-react";
+import { Button as I } from "@devalok/shilp-sutra/ui/button";
+import { cn as L } from "@devalok/shilp-sutra/ui/lib/utils";
+import { DropdownMenu as te, DropdownMenuTrigger as ae, DropdownMenuContent as re, DropdownMenuItem as le } from "@devalok/shilp-sutra/ui";
+const H = {
+  p: ({ children: s }) => /* @__PURE__ */ e("p", { className: "mb-ds-03 last:mb-0", children: s }),
+  code: ({
+    children: s,
+    className: a
+  }) => (a == null ? void 0 : a.includes("language-")) ? /* @__PURE__ */ e("code", { className: a, children: s }) : /* @__PURE__ */ e("code", { className: "rounded bg-field px-ds-02 py-ds-01 text-ds-md", children: s }),
+  pre: ({ children: s }) => /* @__PURE__ */ e("pre", { className: "mb-ds-03 overflow-x-auto rounded-ds-lg bg-field p-ds-04 text-ds-md", children: s }),
+  ul: ({ children: s }) => /* @__PURE__ */ e("ul", { className: "mb-ds-03 list-disc pl-ds-05", children: s }),
+  ol: ({ children: s }) => /* @__PURE__ */ e("ol", { className: "mb-ds-03 list-decimal pl-ds-05", children: s }),
+  li: ({ children: s }) => /* @__PURE__ */ e("li", { className: "mb-ds-02", children: s }),
+  strong: ({ children: s }) => /* @__PURE__ */ e("strong", { className: "font-semibold", children: s }),
+  a: ({
+    href: s,
+    children: a,
+    ...d
+  }) => {
+    const l = s && /^(https?:\/\/|mailto:)/i.test(s) ? s : "#";
+    return /* @__PURE__ */ e(
+      "a",
+      {
+        href: l,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-interactive underline hover:text-interactive-hover",
+        ...d,
+        children: a
+      }
+    );
+  }
+}, P = y.forwardRef(
+  function({ text: a }, d) {
+    return /* @__PURE__ */ t("div", { ref: d, "aria-live": "polite", children: [
+      /* @__PURE__ */ e(T, { components: H, children: a }),
+      /* @__PURE__ */ e("span", { className: "inline-block h-4 w-2 animate-pulse bg-text-secondary ml-ds-01" })
+    ] });
+  }
+);
+P.displayName = "StreamingText";
+const A = y.forwardRef(
+  function({
+    messages: a,
+    isStreaming: d = !1,
+    streamingText: l = "",
+    isLoadingMessages: m = !1,
+    emptyTitle: c = "Karm AI",
+    emptyDescription: x = "Ask me about tasks, projects, attendance, or anything else."
+  }, o) {
+    const h = M(null), i = q(h, o);
+    return F(() => {
+      const r = h.current;
+      r && (r.scrollTop = r.scrollHeight);
+    }, [a, l]), m ? /* @__PURE__ */ e("div", { ref: o, className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-ds-03", children: [
+      /* @__PURE__ */ e("div", { className: "h-ds-xs w-ds-xs animate-spin rounded-ds-full border-2 border-text-secondary border-t-transparent" }),
+      /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: "Loading messages..." })
+    ] }) }) : a.length === 0 && !d ? /* @__PURE__ */ e("div", { ref: o, className: "flex flex-1 items-center justify-center p-ds-06", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-ds-04 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-full bg-field", children: /* @__PURE__ */ e(g, { className: "h-ico-lg w-ico-lg text-text-secondary" }) }),
+      /* @__PURE__ */ e("h3", { className: "text-ds-base text-text-primary", children: c }),
+      /* @__PURE__ */ e("p", { className: "text-ds-sm max-w-[280px] text-text-placeholder", children: x })
+    ] }) }) : /* @__PURE__ */ e("div", { ref: i, className: "no-scrollbar flex-1 overflow-y-auto p-ds-05", children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-05", role: "log", "aria-label": "Chat messages", children: [
+      a.map((r) => r.role === "SYSTEM" ? /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03 rounded-ds-lg bg-error-surface px-ds-04 py-ds-03", children: [
+        /* @__PURE__ */ e(J, { className: "h-ico-sm w-ico-sm shrink-0 text-text-error" }),
+        /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-error", children: r.content })
+      ] }) }, r.id) : r.role === "USER" ? /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ t("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
+        /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-br-ds-sm bg-interactive px-ds-04 py-ds-03 text-text-on-color", children: /* @__PURE__ */ e("p", { className: "text-ds-md whitespace-pre-wrap", children: r.content }) }),
+        /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-field", children: /* @__PURE__ */ e(X, { className: "h-ico-sm w-ico-sm text-text-secondary" }) })
+      ] }) }, r.id) : /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ t("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
+        /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-field", children: /* @__PURE__ */ e(g, { className: "h-ico-sm w-ico-sm text-text-secondary" }) }),
+        /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-field px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-md text-text-primary", children: /* @__PURE__ */ e(T, { components: H, children: r.content }) }) })
+      ] }) }, r.id)),
+      d && l && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ t("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
+        /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-field", children: /* @__PURE__ */ e(g, { className: "h-ico-sm w-ico-sm text-text-secondary" }) }),
+        /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-field px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-md text-text-primary", children: /* @__PURE__ */ e(P, { text: l }) }) })
+      ] }) }),
+      d && !l && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ t("div", { className: "flex max-w-[85%] items-start gap-ds-03", children: [
+        /* @__PURE__ */ e("div", { className: "flex h-ds-xs-plus w-ds-xs-plus shrink-0 items-center justify-center rounded-ds-full bg-field", children: /* @__PURE__ */ e(g, { className: "h-ico-sm w-ico-sm text-text-secondary" }) }),
+        /* @__PURE__ */ e("div", { className: "rounded-ds-2xl rounded-bl-ds-sm bg-field px-ds-04 py-ds-03", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02b py-ds-02", children: [
+          /* @__PURE__ */ e("div", { className: "h-2 w-2 animate-bounce rounded-ds-full bg-text-placeholder [animation-delay:0ms]" }),
+          /* @__PURE__ */ e("div", { className: "h-2 w-2 animate-bounce rounded-ds-full bg-text-placeholder [animation-delay:150ms]" }),
+          /* @__PURE__ */ e("div", { className: "h-2 w-2 animate-bounce rounded-ds-full bg-text-placeholder [animation-delay:300ms]" })
+        ] }) })
+      ] }) })
+    ] }) });
+  }
+);
+A.displayName = "MessageList";
+const E = y.forwardRef(
+  function({
+    onSubmit: a,
+    onCancel: d,
+    isStreaming: l = !1,
+    placeholder: m = "Ask Karm AI...",
+    disclaimer: c = "AI responses may be inaccurate. Verify important information."
+  }, x) {
+    const [o, h] = D(""), i = M(null), r = C(() => {
+      const n = i.current;
+      n && (n.style.height = "auto", n.style.height = Math.min(n.scrollHeight, 160) + "px");
+    }, []), b = C(() => {
+      const n = o.trim();
+      !n || l || (h(""), i.current && (i.current.style.height = "auto"), a(n));
+    }, [o, l, a]), v = C(
+      (n) => {
+        n.key === "Enter" && !n.shiftKey && (n.preventDefault(), b());
+      },
+      [b]
+    );
+    return /* @__PURE__ */ t("div", { ref: x, className: "border-t border-border bg-layer-01 p-ds-04", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-end gap-ds-03 rounded-ds-xl border border-border bg-field px-ds-04 py-ds-03", children: [
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            ref: i,
+            value: o,
+            onChange: (n) => {
+              h(n.target.value), r();
+            },
+            onKeyDown: v,
+            placeholder: m,
+            "aria-label": "Type a message",
+            disabled: l,
+            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]"
+          }
+        ),
+        l ? /* @__PURE__ */ e(I, { variant: "solid", color: "error", size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: d, "aria-label": "Stop generating", children: /* @__PURE__ */ e(Y, { className: "h-ico-sm w-ico-sm" }) }) : /* @__PURE__ */ e(I, { size: "icon-sm", className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-lg", onClick: b, disabled: !o.trim(), "aria-label": "Send message", children: /* @__PURE__ */ e(Q, { className: "h-ico-sm w-ico-sm" }) })
+      ] }),
+      c && /* @__PURE__ */ e("p", { className: "text-ds-sm mt-ds-02b text-center text-text-placeholder", children: c })
+    ] });
+  }
+);
+E.displayName = "ChatInput";
+function de(s) {
+  const a = new Date(s), l = (/* @__PURE__ */ new Date()).getTime() - a.getTime(), m = Math.floor(l / 6e4);
+  if (m < 1) return "Just now";
+  if (m < 60) return `${m}m ago`;
+  const c = Math.floor(m / 60);
+  if (c < 24) return `${c}h ago`;
+  const x = Math.floor(c / 24);
+  return x < 7 ? `${x}d ago` : a.toLocaleDateString("en-IN", {
+    day: "numeric",
+    month: "short"
+  });
+}
+const K = y.forwardRef(
+  function({
+    conversations: a,
+    activeConversationId: d,
+    isLoading: l = !1,
+    onSelect: m,
+    onNewChat: c,
+    onArchive: x,
+    onDelete: o
+  }, h) {
+    return /* @__PURE__ */ t("div", { ref: h, className: "flex flex-1 flex-col overflow-hidden", children: [
+      /* @__PURE__ */ t("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__ */ t(
+          "button",
+          {
+            onClick: c,
+            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(R, { 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" }) }) : a.length === 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-ds-03 py-12", children: [
+        /* @__PURE__ */ e(S, { 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: a.map((i) => /* @__PURE__ */ t(
+        "div",
+        {
+          className: L(
+            "group flex items-center gap-ds-04 border-b border-border-subtle px-ds-05 py-ds-04 transition-colors hover:bg-layer-02",
+            d === i.id && "bg-layer-02"
+          ),
+          children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: () => m(i.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: i.title || "Untitled conversation" }),
+                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: de(i.updatedAt) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: "flex shrink-0 items-center gap-ds-02 opacity-0 transition-opacity group-hover:opacity-100", children: [
+              x && /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: (r) => {
+                    r.stopPropagation(), x(i.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(W, { className: "h-ico-sm w-ico-sm" })
+                }
+              ),
+              o && /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: (r) => {
+                    r.stopPropagation(), o(i.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(Z, { className: "h-ico-sm w-ico-sm" })
+                }
+              )
+            ] })
+          ]
+        },
+        i.id
+      )) }) })
+    ] });
+  }
+);
+K.displayName = "ConversationList";
+const ie = [
+  { 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" }
+], ne = y.forwardRef(
+  function({
+    isOpen: a,
+    onOpenChange: d,
+    messages: l,
+    conversations: m,
+    agents: c = ie,
+    selectedAgentId: x = "devadoot",
+    activeConversationId: o,
+    isStreaming: h = !1,
+    streamingText: i = "",
+    isLoadingMessages: r = !1,
+    isLoadingConversations: b = !1,
+    onSendMessage: v,
+    onCancelStream: n,
+    onSelectAgent: w,
+    onStartNewChat: p,
+    onSelectConversation: k,
+    onArchiveConversation: U,
+    onDeleteConversation: z
+  }, B) {
+    const [j, N] = D(!1), u = c.find((f) => f.id === x) ?? c[0];
+    return /* @__PURE__ */ e(G, { open: a, onOpenChange: d, children: /* @__PURE__ */ t(
+      V,
+      {
+        ref: B,
+        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(_, { className: "sr-only", children: "AI Chat" }),
+          /* @__PURE__ */ t("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__ */ t(te, { children: [
+              /* @__PURE__ */ e(ae, { asChild: !0, children: /* @__PURE__ */ t(
+                "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: u == null ? void 0 : u.name }),
+                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-text-placeholder", children: u == null ? void 0 : u.desc }),
+                    /* @__PURE__ */ e(O, { className: "h-ico-sm w-ico-sm text-text-placeholder" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e(re, { align: "start", className: "w-64", children: c.map((f) => /* @__PURE__ */ e(
+                le,
+                {
+                  onClick: () => w == null ? void 0 : w(f.id),
+                  className: x === f.id ? "bg-layer-02" : "",
+                  children: /* @__PURE__ */ t("div", { className: "flex flex-col", children: [
+                    /* @__PURE__ */ e("span", { className: "text-ds-md text-text-primary", children: f.name }),
+                    /* @__PURE__ */ e("span", { className: "text-ds-sm text-text-placeholder", children: f.desc })
+                  ] })
+                },
+                f.id
+              )) })
+            ] }) }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: () => {
+                  p == null || p(), N(!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: () => N(!j),
+                className: L(
+                  "flex h-ds-sm w-ds-sm items-center justify-center rounded-ds-lg transition-colors hover:bg-layer-02",
+                  j ? "bg-layer-02 text-text-primary" : "text-text-secondary"
+                ),
+                "aria-label": "Conversation history",
+                children: /* @__PURE__ */ e(ee, { className: "h-ico-sm w-ico-sm" })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                onClick: () => d(!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(se, { className: "h-ico-sm w-ico-sm" })
+              }
+            )
+          ] }),
+          j ? /* @__PURE__ */ e(
+            K,
+            {
+              conversations: m,
+              activeConversationId: o,
+              isLoading: b,
+              onSelect: (f) => {
+                k == null || k(f), N(!1);
+              },
+              onNewChat: () => {
+                p == null || p(), N(!1);
+              },
+              onArchive: U,
+              onDelete: z
+            }
+          ) : /* @__PURE__ */ t($, { children: [
+            /* @__PURE__ */ e(
+              A,
+              {
+                messages: l,
+                isStreaming: h,
+                streamingText: i,
+                isLoadingMessages: r
+              }
+            ),
+            /* @__PURE__ */ e(
+              E,
+              {
+                onSubmit: v,
+                onCancel: n,
+                isStreaming: h
+              }
+            )
+          ] })
+        ]
+      }
+    ) });
+  }
+);
+ne.displayName = "ChatPanel";
+export {
+  E as C,
+  A as M,
+  P as S,
+  ne as a,
+  K as b
+};

package/dist/_chunks/daily-brief.js

@@ -0,0 +1,177 @@
+"use client";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import * as y from "react";
+import { useState as w } from "react";
+import { IconCheck as k, IconCoffee as A, IconClock as C, IconArrowRight as D, IconSparkles as I, IconChevronDown as _, IconChevronUp as R } from "@tabler/icons-react";
+import { cn as p } from "@devalok/shilp-sutra/ui/lib/utils";
+import { M as j } from "./vendor.js";
+function M() {
+  const l = (/* @__PURE__ */ new Date()).getHours();
+  return l < 12 ? "Good morning" : l < 17 ? "Good afternoon" : "Good evening";
+}
+function T() {
+  return (/* @__PURE__ */ new Date()).toLocaleDateString("en-IN", {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric",
+    timeZone: "Asia/Kolkata"
+  });
+}
+function B(l) {
+  return new Date(l).toLocaleTimeString("en-IN", {
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !0,
+    timeZone: "Asia/Kolkata"
+  });
+}
+const O = y.forwardRef(
+  function({
+    userName: a,
+    attendance: t,
+    canMarkAttendance: o,
+    onMarkAttendance: c,
+    isSubmitting: d = !1,
+    formatTime: h = B
+  }, r) {
+    var u, g;
+    const i = ((u = t == null ? void 0 : t.attendance) == null ? void 0 : u.status) ?? "Not_Marked", N = i === "PRESENT" || d, f = i === "BREAK", b = (g = t == null ? void 0 : t.attendance) == null ? void 0 : g.timeIn, n = M(), m = (a == null ? void 0 : a.split(" ")[0]) || "there", x = T();
+    return N && !f ? /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+      /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02", children: [
+        /* @__PURE__ */ s("h2", { className: "text-ds-2xl text-text-primary", children: [
+          n,
+          ",",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-text-tertiary", children: x })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-success-surface px-ds-05 py-ds-03", children: [
+        /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-text-success", children: /* @__PURE__ */ e(k, { className: "h-ico-sm w-ico-sm text-text-on-color" }) }),
+        /* @__PURE__ */ s("span", { className: "text-ds-md font-semibold text-text-success", children: [
+          "Marked at",
+          " ",
+          b ? h(b) : "--:--"
+        ] })
+      ] })
+    ] }) }) : f ? /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-05b sm:px-ds-07", children: [
+      /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02", children: [
+        /* @__PURE__ */ s("h2", { className: "text-ds-2xl text-text-primary", children: [
+          n,
+          ",",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-ds-md text-text-tertiary", children: x })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-warning-surface px-ds-05 py-ds-03", children: [
+        /* @__PURE__ */ e(A, { className: "h-ico-sm w-ico-sm text-text-warning" }),
+        /* @__PURE__ */ s("span", { className: "text-ds-md font-semibold text-text-warning", children: [
+          "On break",
+          t != null && t.breakReason ? ` — ${t.breakReason}` : ""
+        ] })
+      ] })
+    ] }) }) : o ? /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-gradient-to-br from-interactive-subtle via-background to-success-surface", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-07 sm:px-ds-07 sm:py-ds-08", children: [
+      /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
+        /* @__PURE__ */ s("h2", { className: "text-ds-3xl text-text-primary", children: [
+          n,
+          ",",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03", children: /* @__PURE__ */ e("p", { className: "text-ds-base text-text-tertiary", children: x }) })
+      ] }),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          onClick: c,
+          disabled: d,
+          className: "flex items-center gap-ds-03 rounded-ds-xl bg-interactive px-ds-06 py-ds-04 font-semibold text-text-on-color shadow-02 transition-all duration-moderate-01 ease-expressive-standard hover:-translate-y-0.5 hover:shadow-03 active:translate-y-0 active:scale-[0.98] disabled:opacity-[0.38]",
+          children: [
+            d ? "Marking..." : "Mark Attendance",
+            !d && /* @__PURE__ */ e(D, { className: "h-ico-sm w-ico-sm" })
+          ]
+        }
+      )
+    ] }) }) : /* @__PURE__ */ e("div", { ref: r, className: "relative overflow-hidden rounded-ds-2xl border border-border bg-layer-01 shadow-01", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between px-ds-06 py-ds-06 sm:px-ds-07 sm:py-ds-07", children: [
+      /* @__PURE__ */ s("div", { className: "flex flex-col gap-ds-02b", children: [
+        /* @__PURE__ */ s("h2", { className: "text-ds-3xl text-text-primary", children: [
+          n,
+          ",",
+          " ",
+          /* @__PURE__ */ e("span", { className: "font-semibold italic text-interactive", children: m })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-ds-base text-text-tertiary", children: x })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03 rounded-ds-xl bg-layer-02 px-ds-05 py-ds-03", children: [
+        /* @__PURE__ */ e(C, { className: "h-ico-sm w-ico-sm text-text-placeholder" }),
+        /* @__PURE__ */ e("span", { className: "text-ds-md text-text-placeholder", children: "Attendance window closed" })
+      ] })
+    ] }) });
+  }
+);
+O.displayName = "AttendanceCTA";
+const v = [
+  "bg-category-amber",
+  "bg-category-teal",
+  "bg-category-cyan",
+  "bg-interactive",
+  "bg-accent"
+], G = y.forwardRef(
+  function({
+    data: a,
+    loading: t = !1,
+    className: o
+  }, c) {
+    const [d, h] = w(!1);
+    return t ? /* @__PURE__ */ s("div", { ref: c, className: p("flex flex-col gap-ds-04 rounded-ds-2xl border border-border bg-layer-01 shadow-01 p-ds-05b", o), children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+        /* @__PURE__ */ e("div", { className: "h-ico-sm w-ico-sm animate-pulse rounded bg-layer-02" }),
+        /* @__PURE__ */ e("div", { className: "h-4 w-24 animate-pulse rounded bg-layer-02" })
+      ] }),
+      [1, 2, 3].map((r) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
+        /* @__PURE__ */ e("div", { className: "mt-ds-02b h-2 w-2 shrink-0 animate-pulse rounded-ds-full bg-layer-02" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-4 animate-pulse rounded bg-layer-02",
+            style: { width: `${60 + r * 10}%` }
+          }
+        )
+      ] }, r))
+    ] }) : !a || a.brief.length === 0 ? null : /* @__PURE__ */ s("div", { ref: c, className: p("flex flex-col rounded-ds-2xl border border-border bg-layer-01 shadow-01", o), children: [
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Toggle brief",
+          onClick: () => h(!d),
+          className: "flex items-center justify-between px-ds-05b py-ds-05 transition-colors hover:bg-layer-02",
+          children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
+              /* @__PURE__ */ e(I, { className: "h-ico-sm w-ico-sm text-interactive" }),
+              /* @__PURE__ */ e("span", { className: "text-ds-base font-semibold text-text-primary", children: "Morning Brief" })
+            ] }),
+            d ? /* @__PURE__ */ e(_, { className: "h-ico-sm w-ico-sm text-text-placeholder" }) : /* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm text-text-placeholder" })
+          ]
+        }
+      ),
+      !d && /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-03 border-t border-border px-ds-05b pb-ds-05b pt-ds-05", children: a.brief.map((r, i) => /* @__PURE__ */ s("div", { className: "flex items-start gap-ds-04", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: p("mt-ds-02b h-2 w-2 shrink-0 rounded-ds-full", v[i % v.length])
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "text-ds-md text-text-secondary [&_p]:mb-0 [&_strong]:font-semibold [&_code]:rounded [&_code]:bg-field [&_code]:px-1 [&_code]:py-ds-01 [&_code]:text-ds-sm [&_a]:text-interactive [&_a]:underline", children: /* @__PURE__ */ e(j, { children: r }) })
+      ] }, i)) })
+    ] });
+  }
+);
+G.displayName = "DailyBrief";
+export {
+  O as A,
+  G as D
+};