@orion-ds/react 4.5.0 → 4.6.1

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

@@ -0,0 +1,55 @@
+const t = "_root_1g0dl_3", e = "_header_1g0dl_12", a = "_headerContent_1g0dl_19", n = "_title_1g0dl_23", _ = "_subtitle_1g0dl_30", o = "_error_1g0dl_36", g = "_grid_1g0dl_45", d = "_emptyState_1g0dl_67", c = "_emptyStateBody_1g0dl_71", l = "_emptyStateIcon_1g0dl_81", r = "_emptyStateTitle_1g0dl_85", s = "_emptyStateText_1g0dl_92", i = "_agentCard_1g0dl_98", m = "_agentCardSelected_1g0dl_108", y = "_agentCardBody_1g0dl_113", p = "_agentHeader_1g0dl_120", S = "_agentInfo_1g0dl_127", B = "_agentName_1g0dl_134", C = "_agentActions_1g0dl_141", u = "_actionButton_1g0dl_147", I = "_actionButtonDanger_1g0dl_165", b = "_agentDescription_1g0dl_170", h = "_agentMeta_1g0dl_177", D = "_metaItem_1g0dl_184", T = "_metaLabel_1g0dl_192", f = {
+  root: t,
+  header: e,
+  headerContent: a,
+  title: n,
+  subtitle: _,
+  error: o,
+  grid: g,
+  emptyState: d,
+  emptyStateBody: c,
+  emptyStateIcon: l,
+  emptyStateTitle: r,
+  emptyStateText: s,
+  agentCard: i,
+  agentCardSelected: m,
+  agentCardBody: y,
+  agentHeader: p,
+  agentInfo: S,
+  agentName: B,
+  agentActions: C,
+  actionButton: u,
+  actionButtonDanger: I,
+  agentDescription: b,
+  agentMeta: h,
+  metaItem: D,
+  metaLabel: T
+};
+export {
+  u as actionButton,
+  I as actionButtonDanger,
+  C as agentActions,
+  i as agentCard,
+  y as agentCardBody,
+  m as agentCardSelected,
+  b as agentDescription,
+  p as agentHeader,
+  S as agentInfo,
+  h as agentMeta,
+  B as agentName,
+  f as default,
+  d as emptyState,
+  c as emptyStateBody,
+  l as emptyStateIcon,
+  s as emptyStateText,
+  r as emptyStateTitle,
+  o as error,
+  g as grid,
+  e as header,
+  a as headerContent,
+  D as metaItem,
+  T as metaLabel,
+  t as root,
+  _ as subtitle,
+  n as title
+};

package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./AgentWorkspace.types').AgentWorkspaceProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const WithError: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=AgentWorkspace.stories.d.ts.map

package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWorkspace.stories.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/AgentWorkspace/AgentWorkspace.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAO6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqCnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.types.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+
+export interface WorkspaceAgent {
+    id: string;
+    name: string;
+    description: string;
+    status: "active" | "inactive" | "error";
+    lastUpdated: Date;
+    usageCount?: number;
+}
+export interface AgentWorkspaceProps {
+    /** Title of the workspace */
+    title?: string;
+    /** List of agents */
+    agents?: WorkspaceAgent[];
+    /** Currently selected agent */
+    selectedAgentId?: string;
+    /** Called when agent is selected */
+    onSelectAgent?: (agentId: string) => void;
+    /** Called when creating new agent */
+    onCreateAgent?: () => void;
+    /** Called when deleting agent */
+    onDeleteAgent?: (agentId: string) => void;
+    /** Called when editing agent */
+    onEditAgent?: (agentId: string) => void;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error message */
+    error?: string;
+    /** Subtitle or description */
+    subtitle?: string;
+    /** Custom className */
+    className?: string;
+    /** Additional content */
+    children?: ReactNode;
+}
+//# sourceMappingURL=AgentWorkspace.types.d.ts.map

package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWorkspace.types.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/AgentWorkspace/AgentWorkspace.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IACxC,WAAW,EAAE,IAAI,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAE1B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/blocks/templates/app/AgentWorkspace/index.d.ts

@@ -0,0 +1,3 @@
+export { AgentWorkspace } from './AgentWorkspace';
+export type { AgentWorkspaceProps, WorkspaceAgent } from './AgentWorkspace.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/templates/app/AgentWorkspace/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/AgentWorkspace/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("lucide-react"),B=require("../../../../dist/components/Button/Button.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(B.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.d.ts

@@ -0,0 +1,5 @@
+import { ChatPageTemplateProps } from './ChatPageTemplate.types';
+
+export declare const ChatPageTemplate: import('react').ForwardRefExoticComponent<ChatPageTemplateProps & import('react').RefAttributes<HTMLDivElement>>;
+export default ChatPageTemplate;
+//# sourceMappingURL=ChatPageTemplate.d.ts.map

package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPageTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,eAAO,MAAM,gBAAgB,kHA8N5B,CAAC;AAGF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,193 @@
+"use client";
+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/components/Button/Button.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/ChatPageTemplate/ChatPageTemplate.module.css

@@ -0,0 +1 @@
+._root_nzwdx_3{display:flex;height:100%;width:100%;background:var(--surface-base);overflow:hidden}._sidebar_nzwdx_11{width:280px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:var(--surface-subtle);overflow-y:auto}@media(max-width:768px){._sidebar_nzwdx_11{display:none}}._sidebarTitle_nzwdx_26{margin:var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}._participantsList_nzwdx_35{display:flex;flex-direction:column}._participant_nzwdx_35{padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent}._participant_nzwdx_35:hover{background:var(--surface-layer)}._participantActive_nzwdx_54{background:var(--surface-base);border-left-color:var(--border-primary)}._participantAvatar_nzwdx_59{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}._participantInfo_nzwdx_66{flex:1;min-width:0}._participantName_nzwdx_71{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._participantStatus_nzwdx_80{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}._statusonline_nzwdx_86{color:var(--text-success)}._statusaway_nzwdx_90{color:var(--text-warning)}._statusoffline_nzwdx_94{color:var(--text-tertiary)}._mainArea_nzwdx_98{flex:1;display:flex;flex-direction:column;overflow:hidden}._header_nzwdx_105{padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--surface-base)}._title_nzwdx_114{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._errorBadge_nzwdx_121{padding:var(--spacing-2) var(--spacing-3);background:var(--surface-danger-subtle);color:var(--text-danger);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-weight:500}._messagesContainer_nzwdx_130{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyState_nzwdx_139{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-3);text-align:center}._emptyStateIcon_nzwdx_149{font-size:48px}._emptyStateTitle_nzwdx_153{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._emptyStateText_nzwdx_160{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._messageWrapper_nzwdx_166{display:flex;align-items:flex-end;gap:var(--spacing-2)}._messageuser_nzwdx_172{justify-content:flex-end}._messageassistant_nzwdx_176{justify-content:flex-start}._messageBubble_nzwdx_180{max-width:60%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);overflow-wrap:break-word}._messageuser_nzwdx_172 ._messageBubble_nzwdx_180{background:var(--interactive-primary);color:var(--interactive-primary-text);border-bottom-right-radius:4px}._messageassistant_nzwdx_176 ._messageBubble_nzwdx_180{background:var(--surface-layer);color:var(--text-primary);border-bottom-left-radius:4px}._messageContent_nzwdx_199{margin:0;font-size:var(--font-size-base);line-height:1.5}._messageTime_nzwdx_205{display:block;font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-1)}._messageStatus_nzwdx_212{font-size:var(--font-size-xs);opacity:.7}._statussending_nzwdx_217{color:var(--text-warning)}._statussent_nzwdx_221{color:var(--text-success)}._statuserror_nzwdx_225{color:var(--text-danger)}._typingIndicator_nzwdx_229{display:flex;gap:4px;align-items:center;padding:var(--spacing-1) 0}._typingIndicator_nzwdx_229 span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-secondary);animation:_typing_nzwdx_229 1.4s infinite}._typingIndicator_nzwdx_229 span:nth-child(2){animation-delay:.2s}._typingIndicator_nzwdx_229 span:nth-child(3){animation-delay:.4s}@keyframes _typing_nzwdx_229{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}._inputArea_nzwdx_265{padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._inputGroup_nzwdx_271{display:flex;align-items:flex-end;gap:var(--spacing-2)}._input_nzwdx_265{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--font-size-base);resize:none;max-height:120px;transition:border-color .15s ease}._input_nzwdx_265:hover{border-color:var(--border-base)}._input_nzwdx_265:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._input_nzwdx_265:disabled{background:var(--surface-subtle);color:var(--text-tertiary)}._actionButton_nzwdx_306{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background-color .15s ease}._actionButton_nzwdx_306:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle)}._actionButton_nzwdx_306:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){._messageBubble_nzwdx_180{max-width:85%}._inputArea_nzwdx_265{padding:var(--spacing-3)}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_root_nzwdx_3",a="_sidebar_nzwdx_11",e="_sidebarTitle_nzwdx_26",s="_participantsList_nzwdx_35",n="_participant_nzwdx_35",i="_participantActive_nzwdx_54",_="_participantAvatar_nzwdx_59",r="_participantInfo_nzwdx_66",p="_participantName_nzwdx_71",o="_participantStatus_nzwdx_80",c="_statusonline_nzwdx_86",u="_statusaway_nzwdx_90",d="_statusoffline_nzwdx_94",m="_mainArea_nzwdx_98",g="_header_nzwdx_105",w="_title_nzwdx_114",x="_errorBadge_nzwdx_121",z="_messagesContainer_nzwdx_130",l="_emptyState_nzwdx_139",y="_emptyStateIcon_nzwdx_149",S="_emptyStateTitle_nzwdx_153",b="_emptyStateText_nzwdx_160",T="_messageWrapper_nzwdx_166",A="_messageuser_nzwdx_172",f="_messageassistant_nzwdx_176",B="_messageBubble_nzwdx_180",I="_messageContent_nzwdx_199",v="_messageTime_nzwdx_205",C="_messageStatus_nzwdx_212",h="_statussending_nzwdx_217",G="_statussent_nzwdx_221",L="_statuserror_nzwdx_225",N="_typingIndicator_nzwdx_229",W="_typing_nzwdx_229",M="_inputArea_nzwdx_265",j="_inputGroup_nzwdx_271",O="_input_nzwdx_265",P="_actionButton_nzwdx_306",k={root:t,sidebar:a,sidebarTitle:e,participantsList:s,participant:n,participantActive:i,participantAvatar:_,participantInfo:r,participantName:p,participantStatus:o,statusonline:c,statusaway:u,statusoffline:d,mainArea:m,header:g,title:w,errorBadge:x,messagesContainer:z,emptyState:l,emptyStateIcon:y,emptyStateTitle:S,emptyStateText:b,messageWrapper:T,messageuser:A,messageassistant:f,messageBubble:B,messageContent:I,messageTime:v,messageStatus:C,statussending:h,statussent:G,statuserror:L,typingIndicator:N,typing:W,inputArea:M,inputGroup:j,input:O,actionButton:P};exports.actionButton=P;exports.default=k;exports.emptyState=l;exports.emptyStateIcon=y;exports.emptyStateText=b;exports.emptyStateTitle=S;exports.errorBadge=x;exports.header=g;exports.input=O;exports.inputArea=M;exports.inputGroup=j;exports.mainArea=m;exports.messageBubble=B;exports.messageContent=I;exports.messageStatus=C;exports.messageTime=v;exports.messageWrapper=T;exports.messageassistant=f;exports.messagesContainer=z;exports.messageuser=A;exports.participant=n;exports.participantActive=i;exports.participantAvatar=_;exports.participantInfo=r;exports.participantName=p;exports.participantStatus=o;exports.participantsList=s;exports.root=t;exports.sidebar=a;exports.sidebarTitle=e;exports.statusaway=u;exports.statuserror=L;exports.statusoffline=d;exports.statusonline=c;exports.statussending=h;exports.statussent=G;exports.title=w;exports.typing=W;exports.typingIndicator=N;

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

@@ -0,0 +1,81 @@
+const t = "_root_nzwdx_3", s = "_sidebar_nzwdx_11", n = "_sidebarTitle_nzwdx_26", a = "_participantsList_nzwdx_35", e = "_participant_nzwdx_35", _ = "_participantActive_nzwdx_54", i = "_participantAvatar_nzwdx_59", o = "_participantInfo_nzwdx_66", p = "_participantName_nzwdx_71", r = "_participantStatus_nzwdx_80", c = "_statusonline_nzwdx_86", d = "_statusaway_nzwdx_90", u = "_statusoffline_nzwdx_94", m = "_mainArea_nzwdx_98", x = "_header_nzwdx_105", w = "_title_nzwdx_114", z = "_errorBadge_nzwdx_121", g = "_messagesContainer_nzwdx_130", y = "_emptyState_nzwdx_139", l = "_emptyStateIcon_nzwdx_149", S = "_emptyStateTitle_nzwdx_153", b = "_emptyStateText_nzwdx_160", A = "_messageWrapper_nzwdx_166", T = "_messageuser_nzwdx_172", f = "_messageassistant_nzwdx_176", B = "_messageBubble_nzwdx_180", I = "_messageContent_nzwdx_199", v = "_messageTime_nzwdx_205", C = "_messageStatus_nzwdx_212", h = "_statussending_nzwdx_217", G = "_statussent_nzwdx_221", L = "_statuserror_nzwdx_225", N = "_typingIndicator_nzwdx_229", W = "_typing_nzwdx_229", j = "_inputArea_nzwdx_265", k = "_inputGroup_nzwdx_271", q = "_input_nzwdx_265", D = "_actionButton_nzwdx_306", E = {
+  root: t,
+  sidebar: s,
+  sidebarTitle: n,
+  participantsList: a,
+  participant: e,
+  participantActive: _,
+  participantAvatar: i,
+  participantInfo: o,
+  participantName: p,
+  participantStatus: r,
+  statusonline: c,
+  statusaway: d,
+  statusoffline: u,
+  mainArea: m,
+  header: x,
+  title: w,
+  errorBadge: z,
+  messagesContainer: g,
+  emptyState: y,
+  emptyStateIcon: l,
+  emptyStateTitle: S,
+  emptyStateText: b,
+  messageWrapper: A,
+  messageuser: T,
+  messageassistant: f,
+  messageBubble: B,
+  messageContent: I,
+  messageTime: v,
+  messageStatus: C,
+  statussending: h,
+  statussent: G,
+  statuserror: L,
+  typingIndicator: N,
+  typing: W,
+  inputArea: j,
+  inputGroup: k,
+  input: q,
+  actionButton: D
+};
+export {
+  D as actionButton,
+  E as default,
+  y as emptyState,
+  l as emptyStateIcon,
+  b as emptyStateText,
+  S as emptyStateTitle,
+  z as errorBadge,
+  x as header,
+  q as input,
+  j as inputArea,
+  k as inputGroup,
+  m as mainArea,
+  B as messageBubble,
+  I as messageContent,
+  C as messageStatus,
+  v as messageTime,
+  A as messageWrapper,
+  f as messageassistant,
+  g as messagesContainer,
+  T as messageuser,
+  e as participant,
+  _ as participantActive,
+  i as participantAvatar,
+  o as participantInfo,
+  p as participantName,
+  r as participantStatus,
+  a as participantsList,
+  t as root,
+  s as sidebar,
+  n as sidebarTitle,
+  d as statusaway,
+  L as statuserror,
+  u as statusoffline,
+  c as statusonline,
+  h as statussending,
+  G as statussent,
+  w as title,
+  W as typing,
+  N as typingIndicator
+};

package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./ChatPageTemplate.types').ChatPageTemplateProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const WithTypingIndicator: Story;
+export declare const WithError: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=ChatPageTemplate.stories.d.ts.map

package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPageTemplate.stories.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAO+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiDnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+
+export interface ChatParticipant {
+    id: string;
+    name: string;
+    avatar?: string;
+    status?: "online" | "offline" | "away";
+}
+export interface ChatMessage {
+    id: string;
+    role: "user" | "assistant";
+    content: string;
+    timestamp?: Date;
+    status?: "sending" | "sent" | "error";
+}
+export interface ChatPageTemplateProps {
+    /** Page title */
+    title?: string;
+    /** Messages to display */
+    messages?: ChatMessage[];
+    /** Input placeholder text */
+    inputPlaceholder?: string;
+    /** Called when message is sent */
+    onSendMessage?: (message: string) => void;
+    /** Chat participants (for sidebar or header) */
+    participants?: ChatParticipant[];
+    /** Currently selected participant */
+    selectedParticipantId?: string;
+    /** Called when participant is selected */
+    onSelectParticipant?: (participantId: string) => void;
+    /** Loading/typing indicator state */
+    isTyping?: boolean;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error message */
+    error?: string;
+    /** Custom className */
+    className?: string;
+    /** Additional content */
+    children?: ReactNode;
+}
+//# sourceMappingURL=ChatPageTemplate.types.d.ts.map

package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPageTemplate.types.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,qBAAqB;IACpC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,gDAAgD;IAChD,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IAEjC,qCAAqC;IACrC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/blocks/templates/app/ChatPageTemplate/index.d.ts

@@ -0,0 +1,3 @@
+export { ChatPageTemplate } from './ChatPageTemplate';
+export type { ChatPageTemplateProps, ChatMessage, ChatParticipant, } from './ChatPageTemplate.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/templates/app/ChatPageTemplate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/ChatPageTemplate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,WAAW,EACX,eAAe,GAChB,MAAM,0BAA0B,CAAC"}

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

@@ -0,0 +1,2 @@
+"use client";
+"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/components/Badge/Badge.cjs"),l=require("../../../../dist/components/Card/Card.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.d.ts

@@ -0,0 +1,5 @@
+import { DashboardTemplateProps } from './DashboardTemplate.types';
+
+export declare const DashboardTemplate: import('react').ForwardRefExoticComponent<DashboardTemplateProps & import('react').RefAttributes<HTMLDivElement>>;
+export default DashboardTemplate;
+//# sourceMappingURL=DashboardTemplate.d.ts.map

package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/DashboardTemplate/DashboardTemplate.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,sBAAsB,EAGvB,MAAM,2BAA2B,CAAC;AA+DnC,eAAO,MAAM,iBAAiB,mHAiF7B,CAAC;AAGF,eAAe,iBAAiB,CAAC"}