@orion-ds/react 4.6.5 → 4.6.6

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

@@ -1,151 +0,0 @@
-"use client";
-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/components/Button/Button.mjs";
-import { Card as m } from "../../../../dist/components/Card/Card.mjs";
-import { Field as n } from "../../../../dist/components/Field/Field.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

@@ -1,2 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),d=require("lucide-react"),b=require("../../../../dist/components/Badge/Badge.cjs"),j=require("../../../../dist/components/Button/Button.cjs"),i=require("../../../../dist/components/Card/Card.cjs"),a=require("./AgentWorkspace.module.css.cjs");function k(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(d.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(i.Card,{className:a.default.emptyState,children:e.jsxs(i.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(i.Card,{className:[a.default.agentCard,p===t.id&&a.default.agentCardSelected].filter(Boolean).join(" "),onClick:()=>N?.(t.id),children:e.jsxs(i.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(b.Badge,{variant:k(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(d.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(d.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(d.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

@@ -1,154 +0,0 @@
-"use client";
-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/components/Badge/Badge.mjs";
-import { Button as N } from "../../../../dist/components/Button/Button.mjs";
-import { Card as l } from "../../../../dist/components/Card/Card.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/AgentWorkspace/AgentWorkspace.module.css.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_root_g6y6k_3",e="_header_g6y6k_12",a="_headerContent_g6y6k_19",n="_title_g6y6k_23",o="_subtitle_g6y6k_30",_="_error_g6y6k_36",g="_grid_g6y6k_45",r="_emptyState_g6y6k_67",y="_emptyStateBody_g6y6k_71",c="_emptyStateIcon_g6y6k_81",d="_emptyStateTitle_g6y6k_85",s="_emptyStateText_g6y6k_92",i="_agentCard_g6y6k_98",m="_agentCardSelected_g6y6k_110",l="_agentCardBody_g6y6k_115",S="_agentHeader_g6y6k_122",k="_agentInfo_g6y6k_129",p="_agentName_g6y6k_136",u="_agentActions_g6y6k_143",B="_actionButton_g6y6k_149",C="_actionButtonDanger_g6y6k_169",I="_agentDescription_g6y6k_174",b="_agentMeta_g6y6k_181",T="_metaItem_g6y6k_188",h="_metaLabel_g6y6k_196",D={root:t,header:e,headerContent:a,title:n,subtitle:o,error:_,grid:g,emptyState:r,emptyStateBody:y,emptyStateIcon:c,emptyStateTitle:d,emptyStateText:s,agentCard:i,agentCardSelected:m,agentCardBody:l,agentHeader:S,agentInfo:k,agentName:p,agentActions:u,actionButton:B,actionButtonDanger:C,agentDescription:I,agentMeta:b,metaItem:T,metaLabel:h};exports.actionButton=B;exports.actionButtonDanger=C;exports.agentActions=u;exports.agentCard=i;exports.agentCardBody=l;exports.agentCardSelected=m;exports.agentDescription=I;exports.agentHeader=S;exports.agentInfo=k;exports.agentMeta=b;exports.agentName=p;exports.default=D;exports.emptyState=r;exports.emptyStateBody=y;exports.emptyStateIcon=c;exports.emptyStateText=s;exports.emptyStateTitle=d;exports.error=_;exports.grid=g;exports.header=e;exports.headerContent=a;exports.metaItem=T;exports.metaLabel=h;exports.root=t;exports.subtitle=o;exports.title=n;

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

@@ -1,55 +0,0 @@
-const t = "_root_g6y6k_3", e = "_header_g6y6k_12", a = "_headerContent_g6y6k_19", n = "_title_g6y6k_23", _ = "_subtitle_g6y6k_30", o = "_error_g6y6k_36", g = "_grid_g6y6k_45", y = "_emptyState_g6y6k_67", c = "_emptyStateBody_g6y6k_71", r = "_emptyStateIcon_g6y6k_81", s = "_emptyStateTitle_g6y6k_85", d = "_emptyStateText_g6y6k_92", i = "_agentCard_g6y6k_98", m = "_agentCardSelected_g6y6k_110", k = "_agentCardBody_g6y6k_115", p = "_agentHeader_g6y6k_122", S = "_agentInfo_g6y6k_129", l = "_agentName_g6y6k_136", B = "_agentActions_g6y6k_143", C = "_actionButton_g6y6k_149", u = "_actionButtonDanger_g6y6k_169", I = "_agentDescription_g6y6k_174", b = "_agentMeta_g6y6k_181", h = "_metaItem_g6y6k_188", D = "_metaLabel_g6y6k_196", T = {
-  root: t,
-  header: e,
-  headerContent: a,
-  title: n,
-  subtitle: _,
-  error: o,
-  grid: g,
-  emptyState: y,
-  emptyStateBody: c,
-  emptyStateIcon: r,
-  emptyStateTitle: s,
-  emptyStateText: d,
-  agentCard: i,
-  agentCardSelected: m,
-  agentCardBody: k,
-  agentHeader: p,
-  agentInfo: S,
-  agentName: l,
-  agentActions: B,
-  actionButton: C,
-  actionButtonDanger: u,
-  agentDescription: I,
-  agentMeta: b,
-  metaItem: h,
-  metaLabel: D
-};
-export {
-  C as actionButton,
-  u as actionButtonDanger,
-  B as agentActions,
-  i as agentCard,
-  k as agentCardBody,
-  m as agentCardSelected,
-  I as agentDescription,
-  p as agentHeader,
-  S as agentInfo,
-  b as agentMeta,
-  l as agentName,
-  T as default,
-  y as emptyState,
-  c as emptyStateBody,
-  r as emptyStateIcon,
-  d as emptyStateText,
-  s as emptyStateTitle,
-  o as error,
-  g as grid,
-  e as header,
-  a as headerContent,
-  h as metaItem,
-  D as metaLabel,
-  t as root,
-  _ as subtitle,
-  n as title
-};

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

@@ -1,2 +0,0 @@
-"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.mjs

@@ -1,193 +0,0 @@
-"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.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_root_z5x1z_3",a="_sidebar_z5x1z_11",e="_sidebarTitle_z5x1z_26",s="_participantsList_z5x1z_35",n="_participant_z5x1z_35",i="_participantActive_z5x1z_54",_="_participantAvatar_z5x1z_59",r="_participantInfo_z5x1z_66",p="_participantName_z5x1z_71",o="_participantStatus_z5x1z_80",c="_statusonline_z5x1z_86",z="_statusaway_z5x1z_90",u="_statusoffline_z5x1z_94",m="_mainArea_z5x1z_98",g="_header_z5x1z_105",x="_title_z5x1z_114",l="_errorBadge_z5x1z_121",y="_messagesContainer_z5x1z_130",d="_emptyState_z5x1z_139",S="_emptyStateIcon_z5x1z_149",b="_emptyStateTitle_z5x1z_153",T="_emptyStateText_z5x1z_160",A="_messageWrapper_z5x1z_166",f="_messageuser_z5x1z_172",B="_messageassistant_z5x1z_176",I="_messageBubble_z5x1z_180",v="_messageContent_z5x1z_199",C="_messageTime_z5x1z_205",h="_messageStatus_z5x1z_212",w="_statussending_z5x1z_217",G="_statussent_z5x1z_221",L="_statuserror_z5x1z_225",N="_typingIndicator_z5x1z_229",W="_typing_z5x1z_229",M="_inputArea_z5x1z_265",j="_inputGroup_z5x1z_271",O="_input_z5x1z_265",P="_actionButton_z5x1z_306",k={root:t,sidebar:a,sidebarTitle:e,participantsList:s,participant:n,participantActive:i,participantAvatar:_,participantInfo:r,participantName:p,participantStatus:o,statusonline:c,statusaway:z,statusoffline:u,mainArea:m,header:g,title:x,errorBadge:l,messagesContainer:y,emptyState:d,emptyStateIcon:S,emptyStateTitle:b,emptyStateText:T,messageWrapper:A,messageuser:f,messageassistant:B,messageBubble:I,messageContent:v,messageTime:C,messageStatus:h,statussending:w,statussent:G,statuserror:L,typingIndicator:N,typing:W,inputArea:M,inputGroup:j,input:O,actionButton:P};exports.actionButton=P;exports.default=k;exports.emptyState=d;exports.emptyStateIcon=S;exports.emptyStateText=T;exports.emptyStateTitle=b;exports.errorBadge=l;exports.header=g;exports.input=O;exports.inputArea=M;exports.inputGroup=j;exports.mainArea=m;exports.messageBubble=I;exports.messageContent=v;exports.messageStatus=h;exports.messageTime=C;exports.messageWrapper=A;exports.messageassistant=B;exports.messagesContainer=y;exports.messageuser=f;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=z;exports.statuserror=L;exports.statusoffline=u;exports.statusonline=c;exports.statussending=w;exports.statussent=G;exports.title=x;exports.typing=W;exports.typingIndicator=N;

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

@@ -1,81 +0,0 @@
-const t = "_root_z5x1z_3", s = "_sidebar_z5x1z_11", a = "_sidebarTitle_z5x1z_26", e = "_participantsList_z5x1z_35", n = "_participant_z5x1z_35", _ = "_participantActive_z5x1z_54", i = "_participantAvatar_z5x1z_59", o = "_participantInfo_z5x1z_66", p = "_participantName_z5x1z_71", r = "_participantStatus_z5x1z_80", z = "_statusonline_z5x1z_86", c = "_statusaway_z5x1z_90", u = "_statusoffline_z5x1z_94", m = "_mainArea_z5x1z_98", x = "_header_z5x1z_105", g = "_title_z5x1z_114", y = "_errorBadge_z5x1z_121", l = "_messagesContainer_z5x1z_130", d = "_emptyState_z5x1z_139", S = "_emptyStateIcon_z5x1z_149", b = "_emptyStateTitle_z5x1z_153", A = "_emptyStateText_z5x1z_160", T = "_messageWrapper_z5x1z_166", f = "_messageuser_z5x1z_172", B = "_messageassistant_z5x1z_176", I = "_messageBubble_z5x1z_180", v = "_messageContent_z5x1z_199", C = "_messageTime_z5x1z_205", h = "_messageStatus_z5x1z_212", w = "_statussending_z5x1z_217", G = "_statussent_z5x1z_221", L = "_statuserror_z5x1z_225", N = "_typingIndicator_z5x1z_229", W = "_typing_z5x1z_229", j = "_inputArea_z5x1z_265", k = "_inputGroup_z5x1z_271", q = "_input_z5x1z_265", D = "_actionButton_z5x1z_306", E = {
-  root: t,
-  sidebar: s,
-  sidebarTitle: a,
-  participantsList: e,
-  participant: n,
-  participantActive: _,
-  participantAvatar: i,
-  participantInfo: o,
-  participantName: p,
-  participantStatus: r,
-  statusonline: z,
-  statusaway: c,
-  statusoffline: u,
-  mainArea: m,
-  header: x,
-  title: g,
-  errorBadge: y,
-  messagesContainer: l,
-  emptyState: d,
-  emptyStateIcon: S,
-  emptyStateTitle: b,
-  emptyStateText: A,
-  messageWrapper: T,
-  messageuser: f,
-  messageassistant: B,
-  messageBubble: I,
-  messageContent: v,
-  messageTime: C,
-  messageStatus: h,
-  statussending: w,
-  statussent: G,
-  statuserror: L,
-  typingIndicator: N,
-  typing: W,
-  inputArea: j,
-  inputGroup: k,
-  input: q,
-  actionButton: D
-};
-export {
-  D as actionButton,
-  E as default,
-  d as emptyState,
-  S as emptyStateIcon,
-  A as emptyStateText,
-  b as emptyStateTitle,
-  y as errorBadge,
-  x as header,
-  q as input,
-  j as inputArea,
-  k as inputGroup,
-  m as mainArea,
-  I as messageBubble,
-  v as messageContent,
-  h as messageStatus,
-  C as messageTime,
-  T as messageWrapper,
-  B as messageassistant,
-  l as messagesContainer,
-  f as messageuser,
-  n as participant,
-  _ as participantActive,
-  i as participantAvatar,
-  o as participantInfo,
-  p as participantName,
-  r as participantStatus,
-  e as participantsList,
-  t as root,
-  s as sidebar,
-  a as sidebarTitle,
-  c as statusaway,
-  L as statuserror,
-  u as statusoffline,
-  z as statusonline,
-  w as statussending,
-  G as statussent,
-  g as title,
-  W as typing,
-  N as typingIndicator
-};