@orion-ds/react 4.8.0 → 4.9.1

package/dist/blocks/templates/app/AgentEditor/AgentEditor.mjs

@@ -0,0 +1,158 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as F, useState as G, useCallback as p } from "react";
+import "lucide-react";
+import { Button as h } from "../../../../dist/index26.mjs";
+import { Card as m } from "../../../../dist/index28.mjs";
+import { Field as n } from "../../../../dist/index50.mjs";
+import r from "./AgentEditor.module.css.mjs";
+const A = F(
+  ({
+    title: u = "Edit Agent",
+    agent: v,
+    availableModels: i = ["gpt-4", "gpt-3.5-turbo", "claude-3-opus"],
+    onSave: d,
+    onCancel: f,
+    isLoading: l = !1,
+    error: c,
+    className: b,
+    ...g
+  }, N) => {
+    const [t, y] = G(
+      v || {
+        id: "",
+        name: "",
+        description: "",
+        model: i[0] || "gpt-4",
+        systemPrompt: "",
+        temperature: 0.7,
+        maxTokens: 2e3
+      }
+    ), o = p(
+      (a, C) => {
+        y((k) => ({
+          ...k,
+          [a]: C
+        }));
+      },
+      []
+    ), x = p(() => {
+      t.name.trim() && d?.(t);
+    }, [t, d]);
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: N,
+        className: [r.root, b].filter(Boolean).join(" "),
+        ...g,
+        children: /* @__PURE__ */ s(m, { children: [
+          /* @__PURE__ */ e(m.Header, { children: /* @__PURE__ */ e("h2", { className: r.title, children: u }) }),
+          /* @__PURE__ */ s(m.Body, { className: r.body, children: [
+            c && /* @__PURE__ */ e("div", { className: r.error, children: c }),
+            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+              n,
+              {
+                label: "Agent Name",
+                type: "text",
+                placeholder: "e.g., Customer Support Bot",
+                value: t.name,
+                onChange: (a) => o("name", a.target.value),
+                disabled: l
+              }
+            ) }),
+            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+              n,
+              {
+                label: "Description",
+                placeholder: "Brief description of the agent's purpose",
+                value: t.description,
+                onChange: (a) => o("description", a.target.value),
+                disabled: l
+              }
+            ) }),
+            /* @__PURE__ */ s("div", { className: r.formRow, children: [
+              /* @__PURE__ */ s("div", { className: r.formGroup, children: [
+                /* @__PURE__ */ e("label", { htmlFor: "model", className: r.label, children: "Model" }),
+                /* @__PURE__ */ e(
+                  "select",
+                  {
+                    id: "model",
+                    className: r.select,
+                    value: t.model,
+                    onChange: (a) => o("model", a.target.value),
+                    disabled: l,
+                    children: i.map((a) => /* @__PURE__ */ e("option", { value: a, children: a }, a))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+                n,
+                {
+                  label: "Temperature",
+                  type: "number",
+                  min: "0",
+                  max: "2",
+                  step: "0.1",
+                  value: t.temperature,
+                  onChange: (a) => o("temperature", parseFloat(a.target.value)),
+                  disabled: l
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ e("div", { className: r.formGroup, children: /* @__PURE__ */ e(
+              n,
+              {
+                label: "Max Tokens",
+                type: "number",
+                min: "1",
+                max: "32000",
+                value: t.maxTokens,
+                onChange: (a) => o("maxTokens", parseInt(a.target.value, 10)),
+                disabled: l
+              }
+            ) }),
+            /* @__PURE__ */ s("div", { className: r.formGroup, children: [
+              /* @__PURE__ */ e("label", { htmlFor: "system-prompt", className: r.label, children: "System Prompt" }),
+              /* @__PURE__ */ e(
+                "textarea",
+                {
+                  id: "system-prompt",
+                  className: r.textarea,
+                  placeholder: "Define the agent's behavior and instructions",
+                  value: t.systemPrompt,
+                  onChange: (a) => o("systemPrompt", a.target.value),
+                  disabled: l,
+                  rows: 6
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ s(m.Footer, { className: r.footer, children: [
+            /* @__PURE__ */ e(
+              h,
+              {
+                variant: "ghost",
+                onClick: f,
+                disabled: l,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              h,
+              {
+                variant: "primary",
+                onClick: x,
+                isLoading: l,
+                disabled: !t.name.trim(),
+                children: "Save Agent"
+              }
+            )
+          ] })
+        ] })
+      }
+    );
+  }
+);
+A.displayName = "AgentEditor";
+export {
+  A as AgentEditor
+};

package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("lucide-react"),k=require("../../../../dist/index23.cjs"),j=require("../../../../dist/index26.cjs"),d=require("../../../../dist/index28.cjs"),a=require("./AgentWorkspace.module.css.cjs");function B(l){switch(l){case"active":return"success";case"inactive":return"info";case"error":return"error";default:return"info"}}function S(l){return l.charAt(0).toUpperCase()+l.slice(1)}const x=r.forwardRef(({title:l="Agent Workspace",agents:n=[],selectedAgentId:p,onSelectAgent:N,onCreateAgent:c,onDeleteAgent:o,onEditAgent:u,isLoading:m=!1,error:f,subtitle:h,className:g,...C},v)=>{const y=r.useCallback((t,s)=>{s.stopPropagation(),window.confirm("Are you sure you want to delete this agent?")&&o?.(t)},[o]),b=r.useCallback((t,s)=>{s.stopPropagation(),u?.(t)},[u]);return e.jsxs("div",{ref:v,className:[a.default.root,g].filter(Boolean).join(" "),...C,children:[e.jsxs("div",{className:a.default.header,children:[e.jsxs("div",{className:a.default.headerContent,children:[e.jsx("h1",{className:a.default.title,children:l}),h&&e.jsx("p",{className:a.default.subtitle,children:h})]}),e.jsx(j.Button,{variant:"primary",icon:e.jsx(i.Plus,{size:20}),onClick:c,disabled:m,children:"New Agent"})]}),f&&e.jsx("div",{className:a.default.error,children:f}),e.jsx("div",{className:a.default.grid,children:n.length===0?e.jsx(d.Card,{className:a.default.emptyState,children:e.jsxs(d.Card.Body,{className:a.default.emptyStateBody,children:[e.jsx("div",{className:a.default.emptyStateIcon,children:"📋"}),e.jsx("h3",{className:a.default.emptyStateTitle,children:"No agents yet"}),e.jsx("p",{className:a.default.emptyStateText,children:"Create your first agent to get started"}),e.jsx(j.Button,{variant:"primary",onClick:c,disabled:m,children:"Create Agent"})]})}):n.map(t=>e.jsx(d.Card,{className:[a.default.agentCard,p===t.id&&a.default.agentCardSelected].filter(Boolean).join(" "),onClick:()=>N?.(t.id),children:e.jsxs(d.Card.Body,{className:a.default.agentCardBody,children:[e.jsxs("div",{className:a.default.agentHeader,children:[e.jsxs("div",{className:a.default.agentInfo,children:[e.jsx("h3",{className:a.default.agentName,children:t.name}),e.jsx(k.Badge,{variant:B(t.status),size:"sm",children:S(t.status)})]}),e.jsxs("div",{className:a.default.agentActions,children:[e.jsx("button",{className:a.default.actionButton,onClick:s=>b(t.id,s),"aria-label":"Edit agent",title:"Edit agent",children:e.jsx(i.Edit2,{size:18})}),e.jsx("button",{className:[a.default.actionButton,a.default.actionButtonDanger].join(" "),onClick:s=>y(t.id,s),"aria-label":"Delete agent",title:"Delete agent",children:e.jsx(i.Trash2,{size:18})})]})]}),e.jsx("p",{className:a.default.agentDescription,children:t.description}),e.jsxs("div",{className:a.default.agentMeta,children:[e.jsxs("div",{className:a.default.metaItem,children:[e.jsx(i.Clock,{size:14}),e.jsxs("span",{className:a.default.metaLabel,children:["Updated"," ",new Date(t.lastUpdated).toLocaleDateString()]})]}),t.usageCount!==void 0&&e.jsx("div",{className:a.default.metaItem,children:e.jsxs("span",{className:a.default.metaLabel,children:[t.usageCount," uses"]})})]})]})},t.id))})]})});x.displayName="AgentWorkspace";exports.AgentWorkspace=x;

package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.mjs

@@ -0,0 +1,153 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as k, useCallback as u } from "react";
+import { Plus as S, Edit2 as w, Trash2 as D, Clock as j } from "lucide-react";
+import { Badge as x } from "../../../../dist/index23.mjs";
+import { Button as N } from "../../../../dist/index26.mjs";
+import { Card as l } from "../../../../dist/index28.mjs";
+import e from "./AgentWorkspace.module.css.mjs";
+function z(r) {
+  switch (r) {
+    case "active":
+      return "success";
+    case "inactive":
+      return "info";
+    case "error":
+      return "error";
+    default:
+      return "info";
+  }
+}
+function A(r) {
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}
+const I = k(
+  ({
+    title: r = "Agent Workspace",
+    agents: n = [],
+    selectedAgentId: f,
+    onSelectAgent: v,
+    onCreateAgent: c,
+    onDeleteAgent: d,
+    onEditAgent: o,
+    isLoading: m = !1,
+    error: h,
+    subtitle: p,
+    className: g,
+    ...y
+  }, C) => {
+    const B = u(
+      (t, s) => {
+        s.stopPropagation(), window.confirm("Are you sure you want to delete this agent?") && d?.(t);
+      },
+      [d]
+    ), b = u(
+      (t, s) => {
+        s.stopPropagation(), o?.(t);
+      },
+      [o]
+    );
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: C,
+        className: [e.root, g].filter(Boolean).join(" "),
+        ...y,
+        children: [
+          /* @__PURE__ */ i("div", { className: e.header, children: [
+            /* @__PURE__ */ i("div", { className: e.headerContent, children: [
+              /* @__PURE__ */ a("h1", { className: e.title, children: r }),
+              p && /* @__PURE__ */ a("p", { className: e.subtitle, children: p })
+            ] }),
+            /* @__PURE__ */ a(
+              N,
+              {
+                variant: "primary",
+                icon: /* @__PURE__ */ a(S, { size: 20 }),
+                onClick: c,
+                disabled: m,
+                children: "New Agent"
+              }
+            )
+          ] }),
+          h && /* @__PURE__ */ a("div", { className: e.error, children: h }),
+          /* @__PURE__ */ a("div", { className: e.grid, children: n.length === 0 ? /* @__PURE__ */ a(l, { className: e.emptyState, children: /* @__PURE__ */ i(l.Body, { className: e.emptyStateBody, children: [
+            /* @__PURE__ */ a("div", { className: e.emptyStateIcon, children: "📋" }),
+            /* @__PURE__ */ a("h3", { className: e.emptyStateTitle, children: "No agents yet" }),
+            /* @__PURE__ */ a("p", { className: e.emptyStateText, children: "Create your first agent to get started" }),
+            /* @__PURE__ */ a(
+              N,
+              {
+                variant: "primary",
+                onClick: c,
+                disabled: m,
+                children: "Create Agent"
+              }
+            )
+          ] }) }) : n.map((t) => /* @__PURE__ */ a(
+            l,
+            {
+              className: [
+                e.agentCard,
+                f === t.id && e.agentCardSelected
+              ].filter(Boolean).join(" "),
+              onClick: () => v?.(t.id),
+              children: /* @__PURE__ */ i(l.Body, { className: e.agentCardBody, children: [
+                /* @__PURE__ */ i("div", { className: e.agentHeader, children: [
+                  /* @__PURE__ */ i("div", { className: e.agentInfo, children: [
+                    /* @__PURE__ */ a("h3", { className: e.agentName, children: t.name }),
+                    /* @__PURE__ */ a(x, { variant: z(t.status), size: "sm", children: A(t.status) })
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: e.agentActions, children: [
+                    /* @__PURE__ */ a(
+                      "button",
+                      {
+                        className: e.actionButton,
+                        onClick: (s) => b(t.id, s),
+                        "aria-label": "Edit agent",
+                        title: "Edit agent",
+                        children: /* @__PURE__ */ a(w, { size: 18 })
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      "button",
+                      {
+                        className: [
+                          e.actionButton,
+                          e.actionButtonDanger
+                        ].join(" "),
+                        onClick: (s) => B(t.id, s),
+                        "aria-label": "Delete agent",
+                        title: "Delete agent",
+                        children: /* @__PURE__ */ a(D, { size: 18 })
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ a("p", { className: e.agentDescription, children: t.description }),
+                /* @__PURE__ */ i("div", { className: e.agentMeta, children: [
+                  /* @__PURE__ */ i("div", { className: e.metaItem, children: [
+                    /* @__PURE__ */ a(j, { size: 14 }),
+                    /* @__PURE__ */ i("span", { className: e.metaLabel, children: [
+                      "Updated",
+                      " ",
+                      new Date(t.lastUpdated).toLocaleDateString()
+                    ] })
+                  ] }),
+                  t.usageCount !== void 0 && /* @__PURE__ */ a("div", { className: e.metaItem, children: /* @__PURE__ */ i("span", { className: e.metaLabel, children: [
+                    t.usageCount,
+                    " uses"
+                  ] }) })
+                ] })
+              ] })
+            },
+            t.id
+          )) })
+        ]
+      }
+    );
+  }
+);
+I.displayName = "AgentWorkspace";
+export {
+  I as AgentWorkspace
+};

package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("lucide-react"),C=require("../../../../dist/index26.cjs"),a=require("./ChatPageTemplate.module.css.cjs"),h=t.forwardRef(({title:j="Chat",messages:d=[],inputPlaceholder:x="Type a message...",onSendMessage:c,participants:u=[],selectedParticipantId:N,onSelectParticipant:p,isTyping:v=!1,isLoading:l=!1,error:m,className:b,...g},y)=>{const[i,o]=t.useState(""),f=t.useRef(null);t.useEffect(()=>{f.current?.scrollIntoView({behavior:"smooth"})},[d]);const n=t.useCallback(()=>{i.trim()&&(c?.(i.trim()),o(""))},[i,c]),S=t.useCallback(s=>{s.key==="Enter"&&!s.shiftKey&&(s.preventDefault(),n())},[n]);return e.jsxs("div",{ref:y,className:[a.default.root,b].filter(Boolean).join(" "),...g,children:[u.length>0&&e.jsxs("div",{className:a.default.sidebar,children:[e.jsx("h3",{className:a.default.sidebarTitle,children:"Participants"}),e.jsx("div",{className:a.default.participantsList,children:u.map(s=>e.jsxs("div",{className:[a.default.participant,N===s.id&&a.default.participantActive].filter(Boolean).join(" "),onClick:()=>p?.(s.id),children:[s.avatar&&e.jsx("img",{src:s.avatar,alt:s.name,className:a.default.participantAvatar}),e.jsxs("div",{className:a.default.participantInfo,children:[e.jsx("div",{className:a.default.participantName,children:s.name}),s.status&&e.jsx("div",{className:[a.default.participantStatus,a.default[`status${s.status}`]].filter(Boolean).join(" "),children:s.status})]})]},s.id))})]}),e.jsxs("div",{className:a.default.mainArea,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h2",{className:a.default.title,children:j}),m&&e.jsx("div",{className:a.default.errorBadge,children:m})]}),e.jsxs("div",{className:a.default.messagesContainer,children:[d.length===0?e.jsxs("div",{className:a.default.emptyState,children:[e.jsx("div",{className:a.default.emptyStateIcon,children:"💬"}),e.jsx("h3",{className:a.default.emptyStateTitle,children:"No messages yet"}),e.jsx("p",{className:a.default.emptyStateText,children:"Start the conversation by sending a message"})]}):e.jsxs(e.Fragment,{children:[d.map(s=>e.jsxs("div",{className:[a.default.messageWrapper,a.default[`message${s.role}`]].filter(Boolean).join(" "),children:[e.jsxs("div",{className:a.default.messageBubble,children:[e.jsx("p",{className:a.default.messageContent,children:s.content}),s.timestamp&&e.jsx("span",{className:a.default.messageTime,children:new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})})]}),s.status&&e.jsxs("span",{className:[a.default.messageStatus,a.default[`status${s.status}`]].filter(Boolean).join(" "),title:s.status,children:[s.status==="sending"&&"⏱",s.status==="sent"&&"✓",s.status==="error"&&"✗"]})]},s.id)),v&&e.jsx("div",{className:[a.default.messageWrapper,a.default.messageAssistant].join(" "),children:e.jsx("div",{className:a.default.messageBubble,children:e.jsxs("div",{className:a.default.typingIndicator,children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})})})]}),e.jsx("div",{ref:f})]}),e.jsx("div",{className:a.default.inputArea,children:e.jsxs("div",{className:a.default.inputGroup,children:[e.jsx("button",{className:a.default.actionButton,"aria-label":"Attach file",disabled:l,children:e.jsx(r.Paperclip,{size:20})}),e.jsx("textarea",{className:a.default.input,placeholder:x,value:i,onChange:s=>o(s.target.value),onKeyDown:S,disabled:l,rows:1}),e.jsx("button",{className:a.default.actionButton,"aria-label":"Add emoji",disabled:l,children:e.jsx(r.Smile,{size:20})}),e.jsx(C.Button,{variant:"primary",iconOnly:!0,icon:e.jsx(r.Send,{size:20}),onClick:n,disabled:!i.trim()||l,isLoading:l,"aria-label":"Send message"})]})})]})]})});h.displayName="ChatPageTemplate";exports.ChatPageTemplate=h;

package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.mjs

@@ -0,0 +1,192 @@
+import { jsxs as s, jsx as t, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as C, useState as T, useRef as A, useEffect as w, useCallback as u } from "react";
+import { Paperclip as x, Smile as I, Send as k } from "lucide-react";
+import { Button as D } from "../../../../dist/index26.mjs";
+import e from "./ChatPageTemplate.module.css.mjs";
+const P = C(
+  ({
+    title: p = "Chat",
+    messages: n = [],
+    inputPlaceholder: N = "Type a message...",
+    onSendMessage: c,
+    participants: d = [],
+    selectedParticipantId: v,
+    onSelectParticipant: f,
+    isTyping: b = !1,
+    isLoading: i = !1,
+    error: m,
+    className: y,
+    ...g
+  }, S) => {
+    const [l, o] = T(""), h = A(null);
+    w(() => {
+      h.current?.scrollIntoView({ behavior: "smooth" });
+    }, [n]);
+    const r = u(() => {
+      l.trim() && (c?.(l.trim()), o(""));
+    }, [l, c]), B = u(
+      (a) => {
+        a.key === "Enter" && !a.shiftKey && (a.preventDefault(), r());
+      },
+      [r]
+    );
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: S,
+        className: [e.root, y].filter(Boolean).join(" "),
+        ...g,
+        children: [
+          d.length > 0 && /* @__PURE__ */ s("div", { className: e.sidebar, children: [
+            /* @__PURE__ */ t("h3", { className: e.sidebarTitle, children: "Participants" }),
+            /* @__PURE__ */ t("div", { className: e.participantsList, children: d.map((a) => /* @__PURE__ */ s(
+              "div",
+              {
+                className: [
+                  e.participant,
+                  v === a.id && e.participantActive
+                ].filter(Boolean).join(" "),
+                onClick: () => f?.(a.id),
+                children: [
+                  a.avatar && /* @__PURE__ */ t(
+                    "img",
+                    {
+                      src: a.avatar,
+                      alt: a.name,
+                      className: e.participantAvatar
+                    }
+                  ),
+                  /* @__PURE__ */ s("div", { className: e.participantInfo, children: [
+                    /* @__PURE__ */ t("div", { className: e.participantName, children: a.name }),
+                    a.status && /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: [
+                          e.participantStatus,
+                          e[`status${a.status}`]
+                        ].filter(Boolean).join(" "),
+                        children: a.status
+                      }
+                    )
+                  ] })
+                ]
+              },
+              a.id
+            )) })
+          ] }),
+          /* @__PURE__ */ s("div", { className: e.mainArea, children: [
+            /* @__PURE__ */ s("div", { className: e.header, children: [
+              /* @__PURE__ */ t("h2", { className: e.title, children: p }),
+              m && /* @__PURE__ */ t("div", { className: e.errorBadge, children: m })
+            ] }),
+            /* @__PURE__ */ s("div", { className: e.messagesContainer, children: [
+              n.length === 0 ? /* @__PURE__ */ s("div", { className: e.emptyState, children: [
+                /* @__PURE__ */ t("div", { className: e.emptyStateIcon, children: "💬" }),
+                /* @__PURE__ */ t("h3", { className: e.emptyStateTitle, children: "No messages yet" }),
+                /* @__PURE__ */ t("p", { className: e.emptyStateText, children: "Start the conversation by sending a message" })
+              ] }) : /* @__PURE__ */ s(j, { children: [
+                n.map((a) => /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: [
+                      e.messageWrapper,
+                      e[`message${a.role}`]
+                    ].filter(Boolean).join(" "),
+                    children: [
+                      /* @__PURE__ */ s("div", { className: e.messageBubble, children: [
+                        /* @__PURE__ */ t("p", { className: e.messageContent, children: a.content }),
+                        a.timestamp && /* @__PURE__ */ t("span", { className: e.messageTime, children: new Date(a.timestamp).toLocaleTimeString([], {
+                          hour: "2-digit",
+                          minute: "2-digit"
+                        }) })
+                      ] }),
+                      a.status && /* @__PURE__ */ s(
+                        "span",
+                        {
+                          className: [
+                            e.messageStatus,
+                            e[`status${a.status}`]
+                          ].filter(Boolean).join(" "),
+                          title: a.status,
+                          children: [
+                            a.status === "sending" && "⏱",
+                            a.status === "sent" && "✓",
+                            a.status === "error" && "✗"
+                          ]
+                        }
+                      )
+                    ]
+                  },
+                  a.id
+                )),
+                b && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: [
+                      e.messageWrapper,
+                      e.messageAssistant
+                    ].join(" "),
+                    children: /* @__PURE__ */ t("div", { className: e.messageBubble, children: /* @__PURE__ */ s("div", { className: e.typingIndicator, children: [
+                      /* @__PURE__ */ t("span", {}),
+                      /* @__PURE__ */ t("span", {}),
+                      /* @__PURE__ */ t("span", {})
+                    ] }) })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t("div", { ref: h })
+            ] }),
+            /* @__PURE__ */ t("div", { className: e.inputArea, children: /* @__PURE__ */ s("div", { className: e.inputGroup, children: [
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: e.actionButton,
+                  "aria-label": "Attach file",
+                  disabled: i,
+                  children: /* @__PURE__ */ t(x, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                "textarea",
+                {
+                  className: e.input,
+                  placeholder: N,
+                  value: l,
+                  onChange: (a) => o(a.target.value),
+                  onKeyDown: B,
+                  disabled: i,
+                  rows: 1
+                }
+              ),
+              /* @__PURE__ */ t(
+                "button",
+                {
+                  className: e.actionButton,
+                  "aria-label": "Add emoji",
+                  disabled: i,
+                  children: /* @__PURE__ */ t(I, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                D,
+                {
+                  variant: "primary",
+                  iconOnly: !0,
+                  icon: /* @__PURE__ */ t(k, { size: 20 }),
+                  onClick: r,
+                  disabled: !l.trim() || i,
+                  isLoading: i,
+                  "aria-label": "Send message"
+                }
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+P.displayName = "ChatPageTemplate";
+export {
+  P as ChatPageTemplate
+};

package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("lucide-react"),x=require("../../../../dist/index23.cjs"),l=require("../../../../dist/index28.cjs"),a=require("./DashboardTemplate.module.css.cjs");function f({metric:s}){return e.jsx(l.Card,{className:a.default.metricCard,children:e.jsxs(l.Card.Body,{className:a.default.metricBody,children:[e.jsxs("div",{className:a.default.metricHeader,children:[e.jsx("div",{className:a.default.metricLabel,children:s.label}),s.icon&&e.jsx("div",{className:a.default.metricIcon,children:s.icon})]}),e.jsx("div",{className:a.default.metricValue,children:s.value}),s.change!==void 0&&e.jsxs("div",{className:a.default.metricChange,children:[s.trend==="up"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingUp,{size:16}),e.jsxs("span",{className:a.default.changeUp,children:["+",s.change,"%"]})]}),s.trend==="down"&&e.jsxs(e.Fragment,{children:[e.jsx(i.TrendingDown,{size:16}),e.jsxs("span",{className:a.default.changeDown,children:[s.change,"%"]})]}),s.trend==="neutral"&&e.jsxs("span",{className:a.default.changeNeutral,children:[s.change,"%"]})]})]})})}function v({item:s}){return e.jsxs("div",{className:a.default.activityItem,children:[e.jsx("div",{className:[a.default.activityDot,a.default[`type${s.type}`]].filter(Boolean).join(" ")}),e.jsxs("div",{className:a.default.activityContent,children:[e.jsx("div",{className:a.default.activityTitle,children:s.title}),s.description&&e.jsx("div",{className:a.default.activityDescription,children:s.description}),e.jsxs("div",{className:a.default.activityTime,children:[e.jsx(i.Clock,{size:14}),new Date(s.timestamp).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})]})]})]})}const h=m.forwardRef(({title:s="Dashboard",subtitle:t,metrics:c=[],charts:n=[],activity:r=[],className:o,...u},j)=>e.jsxs("div",{ref:j,className:[a.default.root,o].filter(Boolean).join(" "),...u,children:[e.jsx("div",{className:a.default.header,children:e.jsxs("div",{children:[e.jsx("h1",{className:a.default.title,children:s}),t&&e.jsx("p",{className:a.default.subtitle,children:t})]})}),c.length>0&&e.jsx("div",{className:a.default.metricsGrid,children:c.map(d=>e.jsx(f,{metric:d},d.id))}),e.jsxs("div",{className:a.default.contentGrid,children:[n.length>0&&e.jsx("div",{className:a.default.chartsSection,children:n.map(d=>e.jsxs(l.Card,{className:a.default.chartCard,children:[e.jsxs(l.Card.Header,{children:[e.jsx("h3",{className:a.default.chartTitle,children:d.title}),e.jsx(x.Badge,{variant:"info",size:"sm",children:d.type})]}),e.jsx(l.Card.Body,{className:a.default.chartBody,children:e.jsxs("div",{className:a.default.chartPlaceholder,children:["Chart: ",d.title]})})]},d.id))}),r.length>0&&e.jsxs(l.Card,{className:a.default.activityCard,children:[e.jsx(l.Card.Header,{children:e.jsx("h3",{className:a.default.activityTitle,children:"Recent Activity"})}),e.jsx(l.Card.Body,{className:a.default.activityBody,children:e.jsx("div",{className:a.default.activityList,children:r.map(d=>e.jsx(v,{item:d},d.id))})})]})]})]}));h.displayName="DashboardTemplate";exports.DashboardTemplate=h;

package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.mjs

@@ -0,0 +1,102 @@
+import { jsxs as c, jsx as a, Fragment as h } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { TrendingUp as p, TrendingDown as y, Clock as g } from "lucide-react";
+import { Badge as f } from "../../../../dist/index23.mjs";
+import { Card as n } from "../../../../dist/index28.mjs";
+import e from "./DashboardTemplate.module.css.mjs";
+function u({ metric: i }) {
+  return /* @__PURE__ */ a(n, { className: e.metricCard, children: /* @__PURE__ */ c(n.Body, { className: e.metricBody, children: [
+    /* @__PURE__ */ c("div", { className: e.metricHeader, children: [
+      /* @__PURE__ */ a("div", { className: e.metricLabel, children: i.label }),
+      i.icon && /* @__PURE__ */ a("div", { className: e.metricIcon, children: i.icon })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.metricValue, children: i.value }),
+    i.change !== void 0 && /* @__PURE__ */ c("div", { className: e.metricChange, children: [
+      i.trend === "up" && /* @__PURE__ */ c(h, { children: [
+        /* @__PURE__ */ a(p, { size: 16 }),
+        /* @__PURE__ */ c("span", { className: e.changeUp, children: [
+          "+",
+          i.change,
+          "%"
+        ] })
+      ] }),
+      i.trend === "down" && /* @__PURE__ */ c(h, { children: [
+        /* @__PURE__ */ a(y, { size: 16 }),
+        /* @__PURE__ */ c("span", { className: e.changeDown, children: [
+          i.change,
+          "%"
+        ] })
+      ] }),
+      i.trend === "neutral" && /* @__PURE__ */ c("span", { className: e.changeNeutral, children: [
+        i.change,
+        "%"
+      ] })
+    ] })
+  ] }) });
+}
+function C({ item: i }) {
+  return /* @__PURE__ */ c("div", { className: e.activityItem, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: [e.activityDot, e[`type${i.type}`]].filter(Boolean).join(" ")
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: e.activityContent, children: [
+      /* @__PURE__ */ a("div", { className: e.activityTitle, children: i.title }),
+      i.description && /* @__PURE__ */ a("div", { className: e.activityDescription, children: i.description }),
+      /* @__PURE__ */ c("div", { className: e.activityTime, children: [
+        /* @__PURE__ */ a(g, { size: 14 }),
+        new Date(i.timestamp).toLocaleTimeString([], {
+          hour: "2-digit",
+          minute: "2-digit"
+        })
+      ] })
+    ] })
+  ] });
+}
+const B = N(
+  ({
+    title: i = "Dashboard",
+    subtitle: d,
+    metrics: r = [],
+    charts: s = [],
+    activity: t = [],
+    className: o,
+    ...m
+  }, v) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: v,
+      className: [e.root, o].filter(Boolean).join(" "),
+      ...m,
+      children: [
+        /* @__PURE__ */ a("div", { className: e.header, children: /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ a("h1", { className: e.title, children: i }),
+          d && /* @__PURE__ */ a("p", { className: e.subtitle, children: d })
+        ] }) }),
+        r.length > 0 && /* @__PURE__ */ a("div", { className: e.metricsGrid, children: r.map((l) => /* @__PURE__ */ a(u, { metric: l }, l.id)) }),
+        /* @__PURE__ */ c("div", { className: e.contentGrid, children: [
+          s.length > 0 && /* @__PURE__ */ a("div", { className: e.chartsSection, children: s.map((l) => /* @__PURE__ */ c(n, { className: e.chartCard, children: [
+            /* @__PURE__ */ c(n.Header, { children: [
+              /* @__PURE__ */ a("h3", { className: e.chartTitle, children: l.title }),
+              /* @__PURE__ */ a(f, { variant: "info", size: "sm", children: l.type })
+            ] }),
+            /* @__PURE__ */ a(n.Body, { className: e.chartBody, children: /* @__PURE__ */ c("div", { className: e.chartPlaceholder, children: [
+              "Chart: ",
+              l.title
+            ] }) })
+          ] }, l.id)) }),
+          t.length > 0 && /* @__PURE__ */ c(n, { className: e.activityCard, children: [
+            /* @__PURE__ */ a(n.Header, { children: /* @__PURE__ */ a("h3", { className: e.activityTitle, children: "Recent Activity" }) }),
+            /* @__PURE__ */ a(n.Body, { className: e.activityBody, children: /* @__PURE__ */ a("div", { className: e.activityList, children: t.map((l) => /* @__PURE__ */ a(C, { item: l }, l.id)) }) })
+          ] })
+        ] })
+      ]
+    }
+  )
+);
+B.displayName = "DashboardTemplate";
+export {
+  B as DashboardTemplate
+};

package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),n=require("lucide-react"),b=require("../../../../dist/index23.cjs"),y=require("../../../../dist/index26.cjs"),a=require("./KanbanPageTemplate.module.css.cjs");function T(s){switch(s){case"high":return"error";case"medium":return"warning";case"low":return"success";default:return"info"}}function C({task:s,onEdit:i,onDelete:d}){return e.jsxs("div",{className:a.default.taskCard,children:[e.jsxs("div",{className:a.default.taskHeader,children:[e.jsx("h4",{className:a.default.taskTitle,children:s.title}),e.jsxs("div",{className:a.default.taskActions,children:[e.jsx("button",{className:a.default.taskActionButton,onClick:()=>i?.(s.id),"aria-label":"Edit task",children:e.jsx(n.Edit2,{size:16})}),e.jsx("button",{className:[a.default.taskActionButton,a.default.taskActionButtonDanger].filter(Boolean).join(" "),onClick:()=>d?.(s.id),"aria-label":"Delete task",children:e.jsx(n.Trash2,{size:16})})]})]}),s.description&&e.jsx("p",{className:a.default.taskDescription,children:s.description}),e.jsxs("div",{className:a.default.taskMeta,children:[s.priority&&e.jsx(b.Badge,{variant:T(s.priority),size:"sm",children:s.priority}),s.dueDate&&e.jsxs("div",{className:a.default.dueDateBadge,children:[e.jsx(n.Calendar,{size:12}),new Date(s.dueDate).toLocaleDateString()]})]}),s.labels&&s.labels.length>0&&e.jsx("div",{className:a.default.labels,children:s.labels.map(r=>e.jsx("span",{className:a.default.label,children:r},r))}),s.assignee&&e.jsxs("div",{className:a.default.assignee,children:[s.assignee.avatar&&e.jsx("img",{src:s.assignee.avatar,alt:s.assignee.name,className:a.default.assigneeAvatar}),e.jsx("span",{className:a.default.assigneeName,children:s.assignee.name})]})]})}const h=m.forwardRef(({title:s="Kanban Board",columns:i=[],tasks:d=[],onTaskMove:r,onCreateTask:f,onEditTask:x,onDeleteTask:u,isLoading:j=!1,error:o,className:N,...g},p)=>{const v=m.useCallback(l=>{window.confirm("Are you sure you want to delete this task?")&&u?.(l)},[u]);return e.jsxs("div",{ref:p,className:[a.default.root,N].filter(Boolean).join(" "),...g,children:[e.jsxs("div",{className:a.default.header,children:[e.jsx("h1",{className:a.default.title,children:s}),o&&e.jsx("div",{className:a.default.error,children:o})]}),e.jsx("div",{className:a.default.board,children:i.length===0?e.jsx("div",{className:a.default.emptyState,children:e.jsx("p",{className:a.default.emptyStateText,children:"No columns configured"})}):i.map(l=>{const c=d.filter(t=>t.columnId===l.id);return e.jsxs("div",{className:a.default.column,children:[e.jsxs("div",{className:a.default.columnHeader,children:[e.jsxs("div",{children:[e.jsx("h3",{className:a.default.columnTitle,children:l.title}),e.jsx("span",{className:a.default.columnCount,children:c.length})]}),e.jsx(y.Button,{variant:"ghost",iconOnly:!0,icon:e.jsx(n.Plus,{size:18}),onClick:()=>f?.(l.id),disabled:j,"aria-label":"Add task"})]}),e.jsx("div",{className:a.default.tasks,children:c.length===0?e.jsx("div",{className:a.default.emptyColumn,children:e.jsx("p",{className:a.default.emptyColumnText,children:"No tasks"})}):c.map(t=>e.jsx(C,{task:t,onEdit:x,onDelete:v},t.id))})]},l.id)})})]})});h.displayName="KanbanPageTemplate";exports.KanbanPageTemplate=h;