@orion-ds/react 4.9.2 → 4.9.3

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

@@ -0,0 +1,151 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { forwardRef as k, useCallback as u } from "react";
+import { Button as N, Card as l, Badge as S } from "@orion-ds/react";
+import { Plus as w, Edit2 as D, Trash2 as j, Clock as z } from "lucide-react";
+import e from "./AgentWorkspace.module.css.mjs";
+function A(r) {
+  switch (r) {
+    case "active":
+      return "success";
+    case "inactive":
+      return "info";
+    case "error":
+      return "error";
+    default:
+      return "info";
+  }
+}
+function x(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(w, { 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(S, { variant: A(t.status), size: "sm", children: x(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(D, { 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(j, { 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(z, { 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/AgentWorkspace/AgentWorkspace.module.css

@@ -0,0 +1 @@
+._root_1g0dl_3{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6)}._header_1g0dl_12{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}._headerContent_1g0dl_19{flex:1}._title_1g0dl_23{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._subtitle_1g0dl_30{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._error_1g0dl_36{padding:var(--spacing-3);border-radius:var(--radius-control);background:var(--surface-danger-subtle);color:var(--text-danger);font-size:var(--font-size-sm);border-left:4px solid var(--border-danger)}._grid_1g0dl_45{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);flex:1}@media(max-width:768px){._grid_1g0dl_45{grid-template-columns:1fr}._header_1g0dl_12{flex-direction:column}._root_1g0dl_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._emptyState_1g0dl_67{grid-column:1 / -1}._emptyStateBody_1g0dl_71{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;gap:var(--spacing-4)}._emptyStateIcon_1g0dl_81{font-size:48px}._emptyStateTitle_1g0dl_85{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._emptyStateText_1g0dl_92{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._agentCard_1g0dl_98{cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;border:2px solid transparent}._agentCard_1g0dl_98:hover{box-shadow:var(--shadow-md)}._agentCardSelected_1g0dl_108{border-color:var(--border-primary);box-shadow:var(--shadow-lg)}._agentCardBody_1g0dl_113{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}._agentHeader_1g0dl_120{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}._agentInfo_1g0dl_127{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}._agentName_1g0dl_134{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._agentActions_1g0dl_141{display:flex;gap:var(--spacing-2);flex-shrink:0}._actionButton_1g0dl_147{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;border-radius:var(--radius-control);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}._actionButton_1g0dl_147:hover{background:var(--surface-layer);color:var(--text-primary)}._actionButtonDanger_1g0dl_165:hover{background:var(--surface-danger-subtle);color:var(--text-danger)}._agentDescription_1g0dl_170{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}._agentMeta_1g0dl_177{display:flex;gap:var(--spacing-3);padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}._metaItem_1g0dl_184{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}._metaLabel_1g0dl_192{white-space:nowrap}

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

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

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.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 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),C=require("@orion-ds/react"),r=require("lucide-react"),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.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,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 { Button as x } from "@orion-ds/react";
+import { Paperclip as I, Smile as k, Send as D } from "lucide-react";
+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(I, { 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(k, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ t(
+                x,
+                {
+                  variant: "primary",
+                  iconOnly: !0,
+                  icon: /* @__PURE__ */ t(D, { 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.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"}