@orion-ds/react 4.4.0 → 4.6.0

package/dist/blocks/sections/Timeline/Timeline.types.d.ts

@@ -1,104 +1,23 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
-/**
- * Timeline event item
- */
+export type TimelineOrientation = "horizontal" | "vertical";
 export interface TimelineEvent {
-    /**
-     * Event unique identifier
-     */
-    id: string | number;
-    /**
-     * Event date or period
-     */
+    id: string;
     date: string;
-    /**
-     * Event title
-     */
     title: string;
-    /**
-     * Event description
-     */
     description?: string;
-    /**
-     * Optional icon element
-     */
     icon?: ReactNode;
-    /**
-     * Event status/type
-     */
-    status?: "completed" | "current" | "upcoming" | "default";
-    /**
-     * Additional content
-     */
-    content?: ReactNode;
-    /**
-     * Link URL
-     */
-    href?: string;
 }
-/**
- * Timeline section props
- *
- * @example
- * ```tsx
- * <Timeline
- *   title="Our Journey"
- *   events={[
- *     { id: 1, date: "2020", title: "Founded", status: "completed" },
- *     { id: 2, date: "2022", title: "Series A", status: "completed" },
- *     { id: 3, date: "2024", title: "Global Launch", status: "current" },
- *   ]}
- * />
- * ```
- */
-export interface TimelineProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-    /**
-     * Optional eyebrow text
-     */
-    eyebrow?: ReactNode;
-    /**
-     * Section title
-     */
-    title?: ReactNode;
-    /**
-     * Section description
-     */
-    description?: ReactNode;
-    /**
-     * Array of timeline events
-     */
+export interface TimelineProps {
+    /** Section title */
+    title?: string;
+    /** List of timeline events */
     events: TimelineEvent[];
-    /**
-     * Timeline orientation
-     * @default 'vertical'
-     */
-    orientation?: "vertical" | "horizontal";
-    /**
-     * Alternate items left/right (vertical only)
-     * @default false
-     */
-    alternating?: boolean;
-    /**
-     * Show connector line
-     * @default true
-     */
-    showConnector?: boolean;
-    /**
-     * Background style
-     * @default 'base'
-     */
-    background?: "base" | "subtle" | "none";
-    /**
-     * Compact mode (smaller spacing)
-     * @default false
-     */
+    /** Layout orientation */
+    orientation?: TimelineOrientation;
+    /** Use compact layout */
     compact?: boolean;
-    /**
-     * Content alignment. Use 'left' when embedding Timeline inside a docs page
-     * or column layout instead of a full-width section.
-     * @default 'center'
-     */
-    align?: "center" | "left";
+    /** Optional className */
+    className?: string;
 }
 //# sourceMappingURL=Timeline.types.d.ts.map

package/dist/blocks/sections/Timeline/Timeline.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/Timeline.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAE1D;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,MAAM,EAAE,aAAa,EAAE,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC3B"}
+{"version":3,"file":"Timeline.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/Timeline.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,yBAAyB;IACzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/blocks/sections/Timeline/index.d.ts

@@ -1,3 +1,3 @@
 export { Timeline } from './Timeline';
-export type { TimelineProps, TimelineEvent } from './Timeline.types';
+export type { TimelineProps, TimelineEvent, TimelineOrientation, } from './Timeline.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/Timeline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,aAAa,EACb,mBAAmB,GACpB,MAAM,kBAAkB,CAAC"}

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

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

package/dist/blocks/templates/app/AgentEditor/AgentEditor.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/AgentEditor/AgentEditor.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,gBAAgB,EAAS,MAAM,qBAAqB,CAAC;AAGnE,eAAO,MAAM,WAAW,6GA0KvB,CAAC;AAGF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,159 @@
+"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/AgentEditor/AgentEditor.module.css

@@ -0,0 +1 @@
+._root_w9d85_3{width:100%;max-width:800px;margin:0 auto}._title_w9d85_9{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}._body_w9d85_16{display:flex;flex-direction:column;gap:var(--spacing-4)}._error_w9d85_22{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)}._formGroup_w9d85_31{display:flex;flex-direction:column;gap:var(--spacing-2)}._label_w9d85_37{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._formRow_w9d85_43{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media(max-width:640px){._formRow_w9d85_43{grid-template-columns:1fr}}._select_w9d85_55{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-size:var(--font-size-base);font-family:var(--font-secondary);transition:border-color .15s ease}._select_w9d85_55:hover{border-color:var(--border-base)}._select_w9d85_55:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._select_w9d85_55:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed}._textarea_w9d85_82{padding:var(--spacing-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-secondary);resize:vertical;transition:border-color .15s ease}._textarea_w9d85_82:hover{border-color:var(--border-base)}._textarea_w9d85_82:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._textarea_w9d85_82:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed}._footer_w9d85_110{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media(max-width:640px){._footer_w9d85_110{flex-direction:column-reverse}._footer_w9d85_110 button{width:100%}}

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_root_w9d85_3",t="_title_w9d85_9",e="_body_w9d85_16",r="_error_w9d85_22",_="_formGroup_w9d85_31",l="_label_w9d85_37",s="_formRow_w9d85_43",d="_select_w9d85_55",c="_textarea_w9d85_82",a="_footer_w9d85_110",f={root:o,title:t,body:e,error:r,formGroup:_,label:l,formRow:s,select:d,textarea:c,footer:a};exports.body=e;exports.default=f;exports.error=r;exports.footer=a;exports.formGroup=_;exports.formRow=s;exports.label=l;exports.root=o;exports.select=d;exports.textarea=c;exports.title=t;

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

@@ -0,0 +1,25 @@
+const o = "_root_w9d85_3", t = "_title_w9d85_9", _ = "_body_w9d85_16", r = "_error_w9d85_22", e = "_formGroup_w9d85_31", s = "_label_w9d85_37", c = "_formRow_w9d85_43", d = "_select_w9d85_55", l = "_textarea_w9d85_82", w = "_footer_w9d85_110", a = {
+  root: o,
+  title: t,
+  body: _,
+  error: r,
+  formGroup: e,
+  label: s,
+  formRow: c,
+  select: d,
+  textarea: l,
+  footer: w
+};
+export {
+  _ as body,
+  a as default,
+  r as error,
+  w as footer,
+  e as formGroup,
+  c as formRow,
+  s as label,
+  o as root,
+  d as select,
+  l as textarea,
+  t as title
+};

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+
+export interface Agent {
+    id: string;
+    name: string;
+    description: string;
+    model: string;
+    systemPrompt?: string;
+    temperature?: number;
+    maxTokens?: number;
+}
+export interface AgentEditorProps {
+    /** Title of the editor */
+    title?: string;
+    /** Agent being edited (undefined for new agent) */
+    agent?: Agent;
+    /** Available models to choose from */
+    availableModels?: string[];
+    /** Called when user saves the agent */
+    onSave?: (agent: Agent) => void;
+    /** Called when user cancels editing */
+    onCancel?: () => void;
+    /** Loading state */
+    isLoading?: boolean;
+    /** Error message to display */
+    error?: string;
+    /** Custom className */
+    className?: string;
+    /** Additional content */
+    children?: ReactNode;
+}
+//# sourceMappingURL=AgentEditor.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEditor.types.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/AgentEditor/AgentEditor.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAE3B,uCAAuC;IACvC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEhC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+BAA+B;IAC/B,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/AgentEditor/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/AgentEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC"}

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentWorkspace.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/templates/app/AgentWorkspace/AgentWorkspace.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAoBhC,eAAO,MAAM,cAAc,gHAkJ1B,CAAC;AAGF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,154 @@
+"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

@@ -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;