@datatechsolutions/ui 3.2.1 → 3.3.0

package/dist/{chunk-YV72JM4B.mjs → chunk-O6M3KDGT.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { Workspace } from './chunk-IRT4T3CU.mjs';
+import { Workspace } from './chunk-PCYL4MII.mjs';
 import { HeroSection, CreateActionButton, EntityCard, InlineForm, FormSelect, Button, GlassModal, FormGrid, FormInput } from './chunk-JN6IL6OH.mjs';
 import { useLocale } from './chunk-7VJ7CMMT.mjs';
 import { useState } from 'react';
@@ -206,5 +206,5 @@ function WorkflowWorkspace({ graph }) {
 }
 
 export { RolesPageView, UsersPageView, WorkflowWorkspace };
-//# sourceMappingURL=chunk-YV72JM4B.mjs.map
-//# sourceMappingURL=chunk-YV72JM4B.mjs.map
+//# sourceMappingURL=chunk-O6M3KDGT.mjs.map
+//# sourceMappingURL=chunk-O6M3KDGT.mjs.map

package/dist/{chunk-YV72JM4B.mjs.map → chunk-O6M3KDGT.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/platform/pages/users-page-view.tsx","../src/platform/pages/roles-page-view.tsx","../src/platform/workflow-workspace.tsx"],"names":["useState","jsxs","jsx"],"mappings":";;;;;;;AAeA,IAAM,YAAA,GAA0D;AAAA,EAC9D,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,OAAA,EAAQ;AAAA,EACjC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAAA,EACrC,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAAA,EACrC,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,QAAA;AAC5B,CAAA;AAEO,SAAS,cAAc,EAAE,MAAA,EAAQ,KAAA,EAAO,YAAA,EAAc,cAAa,EAAuB;AAC/F,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,kBAAM,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,QACzC,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,UAAU,MAAA,CAAO,QAAA;AAAA,QACjB,QAAA,EAAS,+BAAA;AAAA,QACT,OAAA,kBACE,GAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAO,MAAA,CAAO,MAAA;AAAA,YACd,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,YACjC,MAAA,EAAO;AAAA;AAAA;AACT;AAAA,KAEJ;AAAA,oBAEA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAO,MAAA,CAAO,MAAA;AAAA,QACd,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,QACjC,MAAA,EAAO;AAAA;AAAA,KACT;AAAA,oBAEA,IAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,WAAA,EACjB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,0DAAA,EAA4D,QAAA,EAAA,MAAA,CAAO,IAAA,EAAK,CAAA;AAAA,0BACrF,KAAA,EAAA,EAAI,SAAA,EAAU,wDACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACV,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEC,cAAA,EAAe,+BAAA;AAAA,UACf,IAAA,sBACG,KAAA,EAAA,EAAI,SAAA,EAAU,qIACb,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAU,SAAA,EAAU,CAAA,EACrC,CAAA;AAAA,UAEF,OAAO,IAAA,CAAK,IAAA;AAAA,UACZ,UAAU,IAAA,CAAK,KAAA;AAAA,UACf,MAAA,kBACE,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,CAAA,4DAAA,EACT,IAAA,CAAK,MAAA,GACD,iFACA,mEACN,CAAA,CAAA;AAAA,cAEC,QAAA,EAAA,IAAA,CAAK,MAAA,GAAS,MAAA,CAAO,YAAA,GAAe,MAAA,CAAO;AAAA;AAAA,WAC9C;AAAA,UAEF,MAAA,kBACE,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,gBAAA,KAAA,CAAM,cAAA,EAAe;AACrB,gBAAA,MAAM,QAAA,GAAW,IAAI,QAAA,CAAS,KAAA,CAAM,aAAa,CAAA;AACjD,gBAAA,MAAM,OAAO,MAAA,CAAO,QAAA,CAAS,GAAA,CAAI,MAAM,KAAK,QAAQ,CAAA;AACpD,gBAAA,YAAA,CAAa,EAAE,KAAA,EAAO,IAAA,CAAK,KAAA,EAAO,MAAM,CAAA;AAAA,cAC1C,CAAA;AAAA,cAEA,+BAAC,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,cAAW,IAAA,EAAK,MAAA,EAAO,SAAS,YAAA,EAAc,YAAA,EAAc,KAAK,IAAA,EAAM,CAAA;AAAA,gCACxE,GAAA,CAAC,UAAO,IAAA,EAAK,QAAA,EAAS,SAAO,IAAA,EAAC,IAAA,EAAK,IAAA,EAAM,QAAA,EAAA,MAAA,CAAO,IAAA,EAAK;AAAA,eAAA,EACvD;AAAA;AAAA;AACF,SAAA;AAAA,QAjCG,IAAA,CAAK;AAAA,OAoCb,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,UAAA;AAAA,QACN,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,QAClC,OAAO,MAAA,CAAO,MAAA;AAAA,QACd,QAAA,EAAS,IAAA;AAAA,QACT,cAAA,EAAc,IAAA;AAAA,QACd,aAAa,MAAA,CAAO,IAAA;AAAA,QACpB,aAAa,MAAA,CAAO,GAAA;AAAA,QACpB,QAAA,EAAU,CAAC,KAAA,KAAqB;AAC9B,UAAA,MAAM,QAAA,GAAW,IAAI,QAAA,CAAS,KAAA,CAAM,aAAgC,CAAA;AACpE,UAAA,MAAM,IAAA,GAAO,OAAO,QAAA,CAAS,GAAA,CAAI,MAAM,CAAA,IAAK,EAAE,EAAE,IAAA,EAAK;AACrD,UAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,QAAA,CAAS,GAAA,CAAI,OAAO,KAAK,EAAE,CAAA,CAAE,IAAA,EAAK,CAAE,WAAA,EAAY;AACrE,UAAA,MAAM,OAAO,MAAA,CAAO,QAAA,CAAS,GAAA,CAAI,MAAM,KAAK,QAAQ,CAAA;AACpD,UAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,KAAA,EAAO;AACrB,UAAA,YAAA,CAAa,EAAE,IAAA,EAAM,KAAA,EAAO,IAAA,EAAM,CAAA;AAClC,UAAA,aAAA,CAAc,KAAK,CAAA;AAAA,QACrB,CAAA;AAAA,QAEA,+BAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,MAAA,EAAO,KAAA,EAAO,MAAA,CAAO,MAAM,WAAA,EAAa,MAAA,CAAO,mBAAA,EAAqB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BAC7F,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,WAAA,EAAa,MAAA,CAAO,oBAAA,EAAsB,QAAA,EAAQ,IAAA,EAAC,MAAK,OAAA,EAAQ,CAAA;AAAA,0BAC7G,GAAA,CAAC,cAAW,IAAA,EAAK,MAAA,EAAO,OAAO,MAAA,CAAO,IAAA,EAAM,SAAS,YAAA,EAAc;AAAA,SAAA,EACrE;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AC9FO,SAAS,aAAA,CAAc;AAAA,EAC5B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,EAAiD;AAC/C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,SAAS,KAAK,CAAA;AAElD,EAAA,uBACEC,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,GAAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,IAAA,kBAAMA,GAAAA,CAAC,eAAA,EAAA,EAAgB,WAAU,SAAA,EAAU,CAAA;AAAA,QAC3C,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,UAAU,MAAA,CAAO,QAAA;AAAA,QACjB,QAAA,EAAS,8BAAA;AAAA,QACT,yBACEA,GAAAA;AAAA,UAAC,kBAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAO,MAAA,CAAO,MAAA;AAAA,YACd,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,YACjC,MAAA,EAAO;AAAA;AAAA;AACT;AAAA,KAEJ;AAAA,oBAEAA,GAAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAO,MAAA,CAAO,MAAA;AAAA,QACd,OAAA,EAAS,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,QACjC,MAAA,EAAO;AAAA;AAAA,KACT;AAAA,oBAEAD,IAAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,WAAA,EACjB,QAAA,EAAA;AAAA,sBAAAC,GAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,0DAAA,EAA4D,iBAAO,WAAA,EAAY,CAAA;AAAA,sBAC7FA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sDAAA,EACZ,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,eAAe,CAAA,CAAE,GAAA,CAAI,CAAC,IAAA,qBACnCD,IAAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEC,cAAA,EAAe,8BAAA;AAAA,UACf,IAAA,kBACEC,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uIAAA,EACb,QAAA,kBAAAA,GAAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,SAAA,EAAU,CAAA,EACvC,CAAA;AAAA,UAEF,OAAO,IAAA,CAAK,KAAA;AAAA,UACZ,UAAU,IAAA,CAAK,EAAA;AAAA,UAEf,QAAA,EAAA;AAAA,4BAAAA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4CAAA,EAA8C,eAAK,WAAA,EAAY,CAAA;AAAA,4BAC5EA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6DAAA,EACV,iBAAO,kBAAA,EACV;AAAA;AAAA,SAAA;AAAA,QAbK,IAAA,CAAK;AAAA,OAeb,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAD,IAAAA,CAAC,SAAA,EAAA,EAAQ,SAAA,EAAU,WAAA,EACjB,QAAA,EAAA;AAAA,sBAAAC,GAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,0DAAA,EAA4D,iBAAO,OAAA,EAAQ,CAAA;AAAA,sBACzFA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wDACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACVA,GAAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEC,cAAA,EAAe,+BAAA;AAAA,UACf,IAAA,kBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mIAAA,EACb,QAAA,kBAAAA,GAAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,SAAA,EAAU,CAAA,EACvC,CAAA;AAAA,UAEF,OAAO,IAAA,CAAK,IAAA;AAAA,UACZ,UAAU,IAAA,CAAK,KAAA;AAAA,UACf,wBACEA,GAAAA,CAAC,UAAK,SAAA,EAAU,sIAAA,EACb,eAAK,IAAA,EACR;AAAA,SAAA;AAAA,QAZG,IAAA,CAAK;AAAA,OAeb,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBAEAA,GAAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,UAAA;AAAA,QACN,OAAA,EAAS,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,QAClC,OAAO,MAAA,CAAO,MAAA;AAAA,QACd,QAAA,EAAS,IAAA;AAAA,QACT,cAAA,EAAc,IAAA;AAAA,QACd,aAAa,MAAA,CAAO,OAAA;AAAA,QACpB,aAAa,MAAA,CAAO,KAAA;AAAA,QACpB,QAAA,EAAU,CAAC,KAAA,KAAqB;AAC9B,UAAA,MAAM,QAAA,GAAW,IAAI,QAAA,CAAS,KAAA,CAAM,aAAgC,CAAA;AACpE,UAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,QAAA,CAAS,GAAA,CAAI,OAAO,KAAK,EAAE,CAAA,CAAE,IAAA,EAAK,CAAE,WAAA,EAAY;AACrE,UAAA,MAAM,OAAO,MAAA,CAAO,QAAA,CAAS,GAAA,CAAI,MAAM,KAAK,QAAQ,CAAA;AACpD,UAAA,IAAI,CAAC,KAAA,EAAO;AACZ,UAAA,YAAA,CAAa,EAAE,KAAA,EAAO,IAAA,EAAM,CAAA;AAC5B,UAAA,aAAA,CAAc,KAAK,CAAA;AAAA,QACrB,CAAA;AAAA,QAEA,QAAA,kBAAAD,KAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAAC,GAAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,KAAA,EAAO,OAAO,SAAA,EAAW,WAAA,EAAY,kBAAA,EAAmB,QAAA,EAAQ,IAAA,EAAC,CAAA;AAAA,0BACzFA,IAAC,UAAA,EAAA,EAAW,IAAA,EAAK,QAAO,KAAA,EAAO,MAAA,CAAO,IAAA,EAAM,OAAA,EAAS,WAAA,EAAa;AAAA,SAAA,EACpE;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AC1HO,SAAS,iBAAA,CAAkB,EAAE,KAAA,EAAM,EAA2B;AACnE,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,uBAAOA,GAAAA,CAAC,SAAA,EAAA,EAAU,YAAA,EAAc,OAAqC,MAAA,EAAgB,CAAA;AACvF","file":"chunk-YV72JM4B.mjs","sourcesContent":["import { useState, type FormEvent } from 'react'\nimport { UserGroupIcon } from '@heroicons/react/24/outline'\nimport {\n  Button,\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n  InlineForm,\n} from '@ui/index'\nimport type { UserRole, ManagedUser, UsersPageViewProps } from '@datatechsolutions/shared-domain/common'\n\nconst ROLE_OPTIONS: Array<{ value: UserRole; label: string }> = [\n  { value: 'admin', label: 'Admin' },\n  { value: 'manager', label: 'Manager' },\n  { value: 'analyst', label: 'Analyst' },\n  { value: 'viewer', label: 'Viewer' },\n]\n\nexport function UsersPageView({ labels, users, onCreateUser, onUpdateRole }: UsersPageViewProps) {\n  const [createOpen, setCreateOpen] = useState(false)\n\n  return (\n    <div className=\"space-y-4\">\n      <HeroSection\n        icon={<UserGroupIcon className=\"h-5 w-5\" />}\n        label={labels.title}\n        title={labels.title}\n        subtitle={labels.subtitle}\n        gradient=\"from-violet-500 to-indigo-600\"\n        toolbar={(\n          <CreateActionButton\n            mode=\"desktop\"\n            label={labels.create}\n            onClick={() => setCreateOpen(true)}\n            accent=\"violet\"\n          />\n        )}\n      />\n\n      <CreateActionButton\n        mode=\"mobile\"\n        label={labels.create}\n        onClick={() => setCreateOpen(true)}\n        accent=\"violet\"\n      />\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-100\">{labels.list}</h3>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {users.map((user: ManagedUser) => (\n            <EntityCard\n              key={user.email}\n              accentGradient=\"from-violet-500 to-indigo-700\"\n              icon={(\n                <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-violet-500/10 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400\">\n                  <UserGroupIcon className=\"h-6 w-6\" />\n                </div>\n              )}\n              title={user.name}\n              subtitle={user.email}\n              status={(\n                <span\n                  className={`shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold ${\n                    user.active\n                      ? 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300'\n                      : 'bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-300'\n                  }`}\n                >\n                  {user.active ? labels.statusActive : labels.statusInactive}\n                </span>\n              )}\n              footer={(\n                <form\n                  onSubmit={(event) => {\n                    event.preventDefault()\n                    const formData = new FormData(event.currentTarget)\n                    const role = String(formData.get('role') ?? 'viewer') as UserRole\n                    onUpdateRole({ email: user.email, role })\n                  }}\n                >\n                  <InlineForm>\n                    <FormSelect name=\"role\" options={ROLE_OPTIONS} defaultValue={user.role} />\n                    <Button type=\"submit\" outline size=\"sm\">{labels.save}</Button>\n                  </InlineForm>\n                </form>\n              )}\n            />\n          ))}\n        </div>\n      </section>\n\n      <GlassModal\n        open={createOpen}\n        onClose={() => setCreateOpen(false)}\n        title={labels.create}\n        maxWidth=\"lg\"\n        showFormFooter\n        cancelLabel={labels.list}\n        submitLabel={labels.add}\n        onSubmit={(event: FormEvent) => {\n          const formData = new FormData(event.currentTarget as HTMLFormElement)\n          const name = String(formData.get('name') ?? '').trim()\n          const email = String(formData.get('email') ?? '').trim().toLowerCase()\n          const role = String(formData.get('role') ?? 'viewer') as UserRole\n          if (!name || !email) return\n          onCreateUser({ name, email, role })\n          setCreateOpen(false)\n        }}\n      >\n        <FormGrid>\n          <FormInput name=\"name\" label={labels.name} placeholder={labels.userNamePlaceholder} required />\n          <FormInput name=\"email\" label={labels.email} placeholder={labels.userEmailPlaceholder} required type=\"email\" />\n          <FormSelect name=\"role\" label={labels.role} options={ROLE_OPTIONS} />\n        </FormGrid>\n      </GlassModal>\n    </div>\n  )\n}\n","import { useState, type FormEvent } from 'react'\nimport { ShieldCheckIcon } from '@heroicons/react/24/outline'\nimport {\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n} from '@ui/index'\nimport type { UserRole, RolesPageViewProps } from '@datatechsolutions/shared-domain/common'\nimport type { PlatformRoleDefinition } from '../rbac'\n\nexport type RolesPageViewExtraProps = {\n  /**\n   * App-defined role definitions, e.g. `{ admin: { id, label, description }, ... }`.\n   * Each app passes the output of its own `createPlatformRbac()` call.\n   */\n  roleDefinitions: Record<string, PlatformRoleDefinition<string>>\n  /**\n   * Display options surfaced in the role-assignment modal select. Each\n   * entry is `{ value: roleId, label: localizedLabel }`.\n   */\n  roleOptions: Array<{ value: string; label: string }>\n}\n\nexport function RolesPageView({\n  labels,\n  users,\n  onAssignRole,\n  roleDefinitions,\n  roleOptions,\n}: RolesPageViewProps & RolesPageViewExtraProps) {\n  const [assignOpen, setAssignOpen] = useState(false)\n\n  return (\n    <div className=\"space-y-4\">\n      <HeroSection\n        icon={<ShieldCheckIcon className=\"h-5 w-5\" />}\n        label={labels.title}\n        title={labels.title}\n        subtitle={labels.subtitle}\n        gradient=\"from-emerald-500 to-teal-600\"\n        toolbar={(\n          <CreateActionButton\n            mode=\"desktop\"\n            label={labels.assign}\n            onClick={() => setAssignOpen(true)}\n            accent=\"emerald\"\n          />\n        )}\n      />\n\n      <CreateActionButton\n        mode=\"mobile\"\n        label={labels.assign}\n        onClick={() => setAssignOpen(true)}\n        accent=\"emerald\"\n      />\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-100\">{labels.definitions}</h3>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          {Object.values(roleDefinitions).map((role) => (\n            <EntityCard\n              key={role.id}\n              accentGradient=\"from-emerald-500 to-teal-700\"\n              icon={(\n                <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400\">\n                  <ShieldCheckIcon className=\"h-6 w-6\" />\n                </div>\n              )}\n              title={role.label}\n              subtitle={role.id}\n            >\n              <p className=\"text-xs text-slate-500 dark:text-slate-400\">{role.description}</p>\n              <p className=\"mt-2 text-xs font-medium text-slate-600 dark:text-slate-300\">\n                {labels.permissionsEnabled}\n              </p>\n            </EntityCard>\n          ))}\n        </div>\n      </section>\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-100\">{labels.current}</h3>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {users.map((user) => (\n            <EntityCard\n              key={user.email}\n              accentGradient=\"from-violet-500 to-indigo-700\"\n              icon={(\n                <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-violet-500/10 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400\">\n                  <ShieldCheckIcon className=\"h-6 w-6\" />\n                </div>\n              )}\n              title={user.name}\n              subtitle={user.email}\n              status={(\n                <span className=\"shrink-0 rounded-full bg-violet-100 px-2 py-0.5 text-[10px] font-semibold text-violet-700 dark:bg-violet-900/30 dark:text-violet-300\">\n                  {user.role}\n                </span>\n              )}\n            />\n          ))}\n        </div>\n      </section>\n\n      <GlassModal\n        open={assignOpen}\n        onClose={() => setAssignOpen(false)}\n        title={labels.assign}\n        maxWidth=\"lg\"\n        showFormFooter\n        cancelLabel={labels.current}\n        submitLabel={labels.apply}\n        onSubmit={(event: FormEvent) => {\n          const formData = new FormData(event.currentTarget as HTMLFormElement)\n          const email = String(formData.get('email') ?? '').trim().toLowerCase()\n          const role = String(formData.get('role') ?? 'viewer') as UserRole\n          if (!email) return\n          onAssignRole({ email, role })\n          setAssignOpen(false)\n        }}\n      >\n        <FormGrid>\n          <FormInput name=\"email\" label={labels.userEmail} placeholder=\"user@company.com\" required />\n          <FormSelect name=\"role\" label={labels.role} options={roleOptions} />\n        </FormGrid>\n      </GlassModal>\n    </div>\n  )\n}\n","import { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe/contracts'\nimport type { WorkflowWorkspaceProps } from '@datatechsolutions/shared-domain/common'\nimport { useLocale } from '@ui/lib/i18n-context'\n\n/**\n * Thin wrapper that forwards a workflow graph into the visual canvas while\n * threading the active locale from the i18n context. The graph type from\n * `shared-domain` is structurally identical to ui's contract type — the\n * cast keeps callers from having to import both.\n */\nexport function WorkflowWorkspace({ graph }: WorkflowWorkspaceProps) {\n  const locale = useLocale()\n  return <Workspace initialGraph={graph as unknown as UiWorkflowGraph} locale={locale} />\n}\n"]}
+{"version":3,"sources":["../src/platform/pages/users-page-view.tsx","../src/platform/pages/roles-page-view.tsx","../src/platform/workflow-workspace.tsx"],"names":["useState","jsxs","jsx"],"mappings":"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","file":"chunk-O6M3KDGT.mjs","sourcesContent":["import { useState, type FormEvent } from 'react'\nimport { UserGroupIcon } from '@heroicons/react/24/outline'\nimport {\n  Button,\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n  InlineForm,\n} from '@ui/index'\nimport type { UserRole, ManagedUser, UsersPageViewProps } from '@datatechsolutions/shared-domain/common'\n\nconst ROLE_OPTIONS: Array<{ value: UserRole; label: string }> = [\n  { value: 'admin', label: 'Admin' },\n  { value: 'manager', label: 'Manager' },\n  { value: 'analyst', label: 'Analyst' },\n  { value: 'viewer', label: 'Viewer' },\n]\n\nexport function UsersPageView({ labels, users, onCreateUser, onUpdateRole }: UsersPageViewProps) {\n  const [createOpen, setCreateOpen] = useState(false)\n\n  return (\n    <div className=\"space-y-4\">\n      <HeroSection\n        icon={<UserGroupIcon className=\"h-5 w-5\" />}\n        label={labels.title}\n        title={labels.title}\n        subtitle={labels.subtitle}\n        gradient=\"from-violet-500 to-indigo-600\"\n        toolbar={(\n          <CreateActionButton\n            mode=\"desktop\"\n            label={labels.create}\n            onClick={() => setCreateOpen(true)}\n            accent=\"violet\"\n          />\n        )}\n      />\n\n      <CreateActionButton\n        mode=\"mobile\"\n        label={labels.create}\n        onClick={() => setCreateOpen(true)}\n        accent=\"violet\"\n      />\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-100\">{labels.list}</h3>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {users.map((user: ManagedUser) => (\n            <EntityCard\n              key={user.email}\n              accentGradient=\"from-violet-500 to-indigo-700\"\n              icon={(\n                <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-violet-500/10 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400\">\n                  <UserGroupIcon className=\"h-6 w-6\" />\n                </div>\n              )}\n              title={user.name}\n              subtitle={user.email}\n              status={(\n                <span\n                  className={`shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold ${\n                    user.active\n                      ? 'bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300'\n                      : 'bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-300'\n                  }`}\n                >\n                  {user.active ? labels.statusActive : labels.statusInactive}\n                </span>\n              )}\n              footer={(\n                <form\n                  onSubmit={(event) => {\n                    event.preventDefault()\n                    const formData = new FormData(event.currentTarget)\n                    const role = String(formData.get('role') ?? 'viewer') as UserRole\n                    onUpdateRole({ email: user.email, role })\n                  }}\n                >\n                  <InlineForm>\n                    <FormSelect name=\"role\" options={ROLE_OPTIONS} defaultValue={user.role} />\n                    <Button type=\"submit\" outline size=\"sm\">{labels.save}</Button>\n                  </InlineForm>\n                </form>\n              )}\n            />\n          ))}\n        </div>\n      </section>\n\n      <GlassModal\n        open={createOpen}\n        onClose={() => setCreateOpen(false)}\n        title={labels.create}\n        maxWidth=\"lg\"\n        showFormFooter\n        cancelLabel={labels.list}\n        submitLabel={labels.add}\n        onSubmit={(event: FormEvent) => {\n          const formData = new FormData(event.currentTarget as HTMLFormElement)\n          const name = String(formData.get('name') ?? '').trim()\n          const email = String(formData.get('email') ?? '').trim().toLowerCase()\n          const role = String(formData.get('role') ?? 'viewer') as UserRole\n          if (!name || !email) return\n          onCreateUser({ name, email, role })\n          setCreateOpen(false)\n        }}\n      >\n        <FormGrid>\n          <FormInput name=\"name\" label={labels.name} placeholder={labels.userNamePlaceholder} required />\n          <FormInput name=\"email\" label={labels.email} placeholder={labels.userEmailPlaceholder} required type=\"email\" />\n          <FormSelect name=\"role\" label={labels.role} options={ROLE_OPTIONS} />\n        </FormGrid>\n      </GlassModal>\n    </div>\n  )\n}\n","import { useState, type FormEvent } from 'react'\nimport { ShieldCheckIcon } from '@heroicons/react/24/outline'\nimport {\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n} from '@ui/index'\nimport type { UserRole, RolesPageViewProps } from '@datatechsolutions/shared-domain/common'\nimport type { PlatformRoleDefinition } from '../rbac'\n\nexport type RolesPageViewExtraProps = {\n  /**\n   * App-defined role definitions, e.g. `{ admin: { id, label, description }, ... }`.\n   * Each app passes the output of its own `createPlatformRbac()` call.\n   */\n  roleDefinitions: Record<string, PlatformRoleDefinition<string>>\n  /**\n   * Display options surfaced in the role-assignment modal select. Each\n   * entry is `{ value: roleId, label: localizedLabel }`.\n   */\n  roleOptions: Array<{ value: string; label: string }>\n}\n\nexport function RolesPageView({\n  labels,\n  users,\n  onAssignRole,\n  roleDefinitions,\n  roleOptions,\n}: RolesPageViewProps & RolesPageViewExtraProps) {\n  const [assignOpen, setAssignOpen] = useState(false)\n\n  return (\n    <div className=\"space-y-4\">\n      <HeroSection\n        icon={<ShieldCheckIcon className=\"h-5 w-5\" />}\n        label={labels.title}\n        title={labels.title}\n        subtitle={labels.subtitle}\n        gradient=\"from-emerald-500 to-teal-600\"\n        toolbar={(\n          <CreateActionButton\n            mode=\"desktop\"\n            label={labels.assign}\n            onClick={() => setAssignOpen(true)}\n            accent=\"emerald\"\n          />\n        )}\n      />\n\n      <CreateActionButton\n        mode=\"mobile\"\n        label={labels.assign}\n        onClick={() => setAssignOpen(true)}\n        accent=\"emerald\"\n      />\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-100\">{labels.definitions}</h3>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          {Object.values(roleDefinitions).map((role) => (\n            <EntityCard\n              key={role.id}\n              accentGradient=\"from-emerald-500 to-teal-700\"\n              icon={(\n                <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-emerald-500/10 text-emerald-600 dark:bg-emerald-500/20 dark:text-emerald-400\">\n                  <ShieldCheckIcon className=\"h-6 w-6\" />\n                </div>\n              )}\n              title={role.label}\n              subtitle={role.id}\n            >\n              <p className=\"text-xs text-slate-500 dark:text-slate-400\">{role.description}</p>\n              <p className=\"mt-2 text-xs font-medium text-slate-600 dark:text-slate-300\">\n                {labels.permissionsEnabled}\n              </p>\n            </EntityCard>\n          ))}\n        </div>\n      </section>\n\n      <section className=\"space-y-3\">\n        <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-100\">{labels.current}</h3>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {users.map((user) => (\n            <EntityCard\n              key={user.email}\n              accentGradient=\"from-violet-500 to-indigo-700\"\n              icon={(\n                <div className=\"flex h-11 w-11 items-center justify-center rounded-lg bg-violet-500/10 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400\">\n                  <ShieldCheckIcon className=\"h-6 w-6\" />\n                </div>\n              )}\n              title={user.name}\n              subtitle={user.email}\n              status={(\n                <span className=\"shrink-0 rounded-full bg-violet-100 px-2 py-0.5 text-[10px] font-semibold text-violet-700 dark:bg-violet-900/30 dark:text-violet-300\">\n                  {user.role}\n                </span>\n              )}\n            />\n          ))}\n        </div>\n      </section>\n\n      <GlassModal\n        open={assignOpen}\n        onClose={() => setAssignOpen(false)}\n        title={labels.assign}\n        maxWidth=\"lg\"\n        showFormFooter\n        cancelLabel={labels.current}\n        submitLabel={labels.apply}\n        onSubmit={(event: FormEvent) => {\n          const formData = new FormData(event.currentTarget as HTMLFormElement)\n          const email = String(formData.get('email') ?? '').trim().toLowerCase()\n          const role = String(formData.get('role') ?? 'viewer') as UserRole\n          if (!email) return\n          onAssignRole({ email, role })\n          setAssignOpen(false)\n        }}\n      >\n        <FormGrid>\n          <FormInput name=\"email\" label={labels.userEmail} placeholder=\"user@company.com\" required />\n          <FormSelect name=\"role\" label={labels.role} options={roleOptions} />\n        </FormGrid>\n      </GlassModal>\n    </div>\n  )\n}\n","import { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe/contracts'\nimport type { WorkflowWorkspaceProps } from '@datatechsolutions/shared-domain/common'\nimport { useLocale } from '@ui/lib/i18n-context'\n\n/**\n * Thin wrapper that forwards a workflow graph into the visual canvas while\n * threading the active locale from the i18n context. The graph type from\n * `shared-domain` is structurally identical to ui's contract type — the\n * cast keeps callers from having to import both.\n */\nexport function WorkflowWorkspace({ graph }: WorkflowWorkspaceProps) {\n  const locale = useLocale()\n  return <Workspace initialGraph={graph as unknown as UiWorkflowGraph} locale={locale} />\n}\n"]}

package/dist/{chunk-RGI74SQH.js → chunk-OCELRSLO.js}

@@ -1,14 +1,14 @@
 "use client";
 'use strict';
 
-var chunkEFOXN3LC_js = require('./chunk-EFOXN3LC.js');
+var chunkNJFRJ6YD_js = require('./chunk-NJFRJ6YD.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function WorkflowCanvasShell({ graph, messages }) {
   const locale = chunkYXN2K77G_js.useLocale();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEFOXN3LC_js.Workspace,
+    chunkNJFRJ6YD_js.Workspace,
     {
       initialGraph: graph,
       locale,
@@ -18,5 +18,5 @@ function WorkflowCanvasShell({ graph, messages }) {
 }
 
 exports.WorkflowCanvasShell = WorkflowCanvasShell;
-//# sourceMappingURL=chunk-RGI74SQH.js.map
-//# sourceMappingURL=chunk-RGI74SQH.js.map
+//# sourceMappingURL=chunk-OCELRSLO.js.map
+//# sourceMappingURL=chunk-OCELRSLO.js.map

package/dist/{chunk-RGI74SQH.js.map → chunk-OCELRSLO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/platform/workflow-canvas-shell.tsx"],"names":["useLocale","jsx","Workspace"],"mappings":";;;;;;AAkBO,SAAS,mBAAA,CAAoB,EAAE,KAAA,EAAO,QAAA,EAAS,EAAU;AAC9D,EAAA,MAAM,SAASA,0BAAA,EAAU;AACzB,EAAA,uBACEC,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,KAAA;AAAA,MACd,MAAA;AAAA,MACC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,GAClC;AAEJ","file":"chunk-RGI74SQH.js","sourcesContent":["import { useLocale } from '@ui/lib/i18n-context'\nimport { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe'\nimport type { WorkflowCanvasShellProps } from '@datatechsolutions/shared-domain/common'\n\n/**\n * Workflow canvas shell with optional message bundle override.\n *\n * Most apps wrap their tree in `<I18nProvider>` and let the canvas read\n * messages from context — in that case `messages` can be omitted. Apps\n * that need to inject a precomputed bundle (e.g. for tests or app-specific\n * overrides not shipped with shared-domain) can pass it explicitly.\n */\ntype Props = WorkflowCanvasShellProps & {\n  /** Optional override for the messages catalog passed into the canvas. */\n  messages?: Record<string, unknown>\n}\n\nexport function WorkflowCanvasShell({ graph, messages }: Props) {\n  const locale = useLocale()\n  return (\n    <Workspace\n      initialGraph={graph as unknown as UiWorkflowGraph}\n      locale={locale}\n      {...(messages ? { messages } : {})}\n    />\n  )\n}\n"]}
+{"version":3,"sources":["../src/platform/workflow-canvas-shell.tsx"],"names":["useLocale","jsx","Workspace"],"mappings":";;;;;;AAkBO,SAAS,mBAAA,CAAoB,EAAE,KAAA,EAAO,QAAA,EAAS,EAAU;AAC9D,EAAA,MAAM,SAASA,0BAAA,EAAU;AACzB,EAAA,uBACEC,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,KAAA;AAAA,MACd,MAAA;AAAA,MACC,GAAI,QAAA,GAAW,EAAE,QAAA,KAAa;AAAC;AAAA,GAClC;AAEJ","file":"chunk-OCELRSLO.js","sourcesContent":["import { useLocale } from '@ui/lib/i18n-context'\nimport { Workspace } from '@ui/astrlabe/workflow-canvas'\nimport type { WorkflowGraph as UiWorkflowGraph } from '@ui/astrlabe'\nimport type { WorkflowCanvasShellProps } from '@datatechsolutions/shared-domain/common'\n\n/**\n * Workflow canvas shell with optional message bundle override.\n *\n * Most apps wrap their tree in `<I18nProvider>` and let the canvas read\n * messages from context — in that case `messages` can be omitted. Apps\n * that need to inject a precomputed bundle (e.g. for tests or app-specific\n * overrides not shipped with shared-domain) can pass it explicitly.\n */\ntype Props = WorkflowCanvasShellProps & {\n  /** Optional override for the messages catalog passed into the canvas. */\n  messages?: Record<string, unknown>\n}\n\nexport function WorkflowCanvasShell({ graph, messages }: Props) {\n  const locale = useLocale()\n  return (\n    <Workspace\n      initialGraph={graph as unknown as UiWorkflowGraph}\n      locale={locale}\n      {...(messages ? { messages } : {})}\n    />\n  )\n}\n"]}

package/dist/{chunk-IRT4T3CU.mjs → chunk-PCYL4MII.mjs}

@@ -1,15 +1,15 @@
 "use client";
-import { ToggleSwitch, GlassModal, ContextMenu, FormSelect, FormInput, FormTextarea, Button, IconButton } from './chunk-JN6IL6OH.mjs';
+import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormTextarea, FormSelect, Button, IconButton } from './chunk-JN6IL6OH.mjs';
 import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-7VJ7CMMT.mjs';
 import { listModelProviderCatalog } from './chunk-ZV5EZXXO.mjs';
 import { GraphNodeHeader, GraphNodeMeta, GraphNodeBadge, GraphNodeIconBubble } from './chunk-OZNTQROP.mjs';
-import { getAgentTier, createDefaultLogicNodeConfig, applyDagreLayout } from './chunk-5W7L7BT7.mjs';
+import { getAgentTier, createDefaultLogicNodeConfig, applyDagreLayout } from './chunk-G7JQ4OCE.mjs';
 import { memo, useState, useRef, useCallback, useEffect, lazy, createContext, useMemo, useContext } from 'react';
 import { Position, NodeResizer, MarkerType, useReactFlow, getBezierPath, BaseEdge, EdgeLabelRenderer, Handle, ReactFlowProvider, useNodesState, useEdgesState, addEdge, BackgroundVariant } from '@xyflow/react';
 import '@xyflow/react/dist/style.css';
 import { create } from 'zustand';
 import { PlusIcon, XMarkIcon } from '@heroicons/react/24/solid';
-import { Bars2Icon, CursorArrowRaysIcon, HandRaisedIcon, MagnifyingGlassPlusIcon, MagnifyingGlassMinusIcon, ArrowsPointingInIcon, ArrowUturnLeftIcon, ArrowUturnRightIcon, MapIcon, EllipsisHorizontalIcon, Squares2X2Icon, ArrowsRightLeftIcon, CommandLineIcon, ExclamationTriangleIcon, CpuChipIcon, TrashIcon, WrenchScrewdriverIcon, NewspaperIcon, ChartBarIcon, CloudIcon, ScaleIcon, AdjustmentsHorizontalIcon, CircleStackIcon, PlayIcon, StopIcon, ArrowsPointingOutIcon, CodeBracketIcon, GlobeAltIcon, DocumentTextIcon, ArrowPathIcon, BookOpenIcon, ChatBubbleLeftRightIcon, QuestionMarkCircleIcon, AdjustmentsVerticalIcon, Square3Stack3DIcon, DocumentMagnifyingGlassIcon, ListBulletIcon, PlayCircleIcon, PencilSquareIcon, ServerStackIcon, KeyIcon, RectangleGroupIcon, ChevronDownIcon, ChevronUpIcon, CloudArrowUpIcon, PresentationChartBarIcon, ChartPieIcon, ChartBarSquareIcon, CurrencyDollarIcon, ShieldCheckIcon, ClipboardDocumentCheckIcon, ShoppingBagIcon, UsersIcon, BuildingStorefrontIcon, BeakerIcon, PencilIcon, DocumentDuplicateIcon, ClipboardDocumentIcon, ClipboardIcon, PlusIcon as PlusIcon$1, XMarkIcon as XMarkIcon$1, TableCellsIcon, FunnelIcon, Cog6ToothIcon, VariableIcon, MagnifyingGlassIcon, CheckIcon } from '@heroicons/react/24/outline';
+import { Bars2Icon, CursorArrowRaysIcon, HandRaisedIcon, MagnifyingGlassPlusIcon, MagnifyingGlassMinusIcon, ArrowsPointingInIcon, ArrowUturnLeftIcon, ArrowUturnRightIcon, MapIcon, EllipsisHorizontalIcon, Squares2X2Icon, ArrowsRightLeftIcon, CommandLineIcon, ExclamationTriangleIcon, CpuChipIcon, TrashIcon, WrenchScrewdriverIcon, NewspaperIcon, ChartBarIcon, CloudIcon, ScaleIcon, AdjustmentsHorizontalIcon, CircleStackIcon, PlayIcon, StopIcon, ArrowsPointingOutIcon, CodeBracketIcon, GlobeAltIcon, DocumentTextIcon, ArrowPathIcon, BookOpenIcon, ChatBubbleLeftRightIcon, QuestionMarkCircleIcon, AdjustmentsVerticalIcon, Square3Stack3DIcon, DocumentMagnifyingGlassIcon, ListBulletIcon, PlayCircleIcon, PencilSquareIcon, ServerStackIcon, KeyIcon, RectangleGroupIcon, ChevronDownIcon, ChevronUpIcon, MicrophoneIcon, SpeakerWaveIcon, CloudArrowUpIcon, PresentationChartBarIcon, ChartPieIcon, ChartBarSquareIcon, CurrencyDollarIcon, ShieldCheckIcon, ClipboardDocumentCheckIcon, ShoppingBagIcon, UsersIcon, BuildingStorefrontIcon, BeakerIcon, PencilIcon, DocumentDuplicateIcon, ClipboardDocumentIcon, ClipboardIcon, PlusIcon as PlusIcon$1, XMarkIcon as XMarkIcon$1, TableCellsIcon, FunnelIcon, Cog6ToothIcon, VariableIcon, MagnifyingGlassIcon, CheckIcon } from '@heroicons/react/24/outline';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DEFAULT_PASTE_OFFSET = 40;
@@ -371,7 +371,9 @@ var LOGIC_NODE_GRADIENTS = {
   datasource: "from-cyan-500 to-blue-600",
   model_provider: "from-slate-500 to-gray-600",
   dashboard_output: "from-fuchsia-500 to-pink-600",
-  group: "from-slate-400 to-gray-500"
+  group: "from-slate-400 to-gray-500",
+  audio_input: "from-teal-400 to-cyan-500",
+  speech_transcriber: "from-violet-500 to-purple-600"
 };
 var LOGIC_NODE_BADGE_COLORS = {
   start: "bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300",
@@ -396,7 +398,9 @@ var LOGIC_NODE_BADGE_COLORS = {
   datasource: "bg-cyan-100 text-cyan-700 dark:bg-cyan-500/20 dark:text-cyan-300",
   model_provider: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300",
   dashboard_output: "bg-fuchsia-100 text-fuchsia-700 dark:bg-fuchsia-500/20 dark:text-fuchsia-300",
-  group: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300"
+  group: "bg-slate-100 text-slate-700 dark:bg-slate-500/20 dark:text-slate-300",
+  audio_input: "bg-teal-100 text-teal-700 dark:bg-teal-500/20 dark:text-teal-300",
+  speech_transcriber: "bg-violet-100 text-violet-700 dark:bg-violet-500/20 dark:text-violet-300"
 };
 var LOGIC_NODE_BADGE_SOFT_COLORS = {
   start: "bg-green-50 text-green-600 dark:bg-green-500/20 dark:text-green-400",
@@ -421,7 +425,9 @@ var LOGIC_NODE_BADGE_SOFT_COLORS = {
   datasource: "bg-cyan-50 text-cyan-600 dark:bg-cyan-500/20 dark:text-cyan-400",
   model_provider: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400",
   dashboard_output: "bg-fuchsia-50 text-fuchsia-600 dark:bg-fuchsia-500/20 dark:text-fuchsia-400",
-  group: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400"
+  group: "bg-slate-50 text-slate-600 dark:bg-slate-500/20 dark:text-slate-400",
+  audio_input: "bg-teal-50 text-teal-600 dark:bg-teal-500/20 dark:text-teal-400",
+  speech_transcriber: "bg-violet-50 text-violet-600 dark:bg-violet-500/20 dark:text-violet-400"
 };
 var LOGIC_ICON_MAP = {
   start: PlayIcon,
@@ -446,7 +452,9 @@ var LOGIC_ICON_MAP = {
   datasource: ServerStackIcon,
   model_provider: KeyIcon,
   dashboard_output: ChartBarIcon,
-  group: RectangleGroupIcon
+  group: RectangleGroupIcon,
+  audio_input: MicrophoneIcon,
+  speech_transcriber: SpeakerWaveIcon
 };
 var EXPERIMENTAL_NODE_TYPES = /* @__PURE__ */ new Set([
   "document_extractor",
@@ -482,7 +490,9 @@ var NODE_BORDER_COLORS = {
   list_operator: "border-lime-300/50 dark:border-lime-600/50",
   note: "border-gray-200/50 dark:border-gray-700/50",
   datasource: "border-cyan-300/50 dark:border-cyan-600/50",
-  model_provider: "border-slate-300/50 dark:border-slate-600/50"
+  model_provider: "border-slate-300/50 dark:border-slate-600/50",
+  audio_input: "border-teal-300/50 dark:border-teal-600/50",
+  speech_transcriber: "border-violet-300/50 dark:border-violet-600/50"
 };
 function getNodeStateClass(selected, nodeType, customBorder) {
   if (selected) return NODE_SELECTED_CLASS;
@@ -572,7 +582,9 @@ var INSERTABLE_NODES = [
   { nodeType: "knowledge_base", nameKey: "knowledgeBaseNode", subcategory: "AI" },
   { nodeType: "answer", nameKey: "answerNode", subcategory: "AI" },
   { nodeType: "question_classifier", nameKey: "questionClassifierNode", subcategory: "AI" },
-  { nodeType: "parameter_extractor", nameKey: "parameterExtractorNode", subcategory: "AI" }
+  { nodeType: "parameter_extractor", nameKey: "parameterExtractorNode", subcategory: "AI" },
+  { nodeType: "audio_input", nameKey: "audioInputNode", subcategory: "AI" },
+  { nodeType: "speech_transcriber", nameKey: "speechTranscriberNode", subcategory: "AI" }
 ];
 function EdgeInsertPopupComponent({ position, onSelect, onClose }) {
   const tWorkflow = useTranslations("agents.workflow");
@@ -3793,6 +3805,90 @@ var GroupFlowNode = memo(function GroupFlowNode2({ id, data, selected }) {
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-slate-500" })
   ] });
 });
+var AudioInputFlowNode = memo(function AudioInputFlowNode2({ id, data, selected }) {
+  const { config, label, onDelete, onEdit } = data;
+  const isCompact = data.displayMode === "compact";
+  const urlPreview = config.url ? config.url.slice(0, 32) : "";
+  const formatLabel = config.format && config.format.length > 0 ? config.format : "auto";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-teal-500" }),
+    /* @__PURE__ */ jsxs(
+      NodeInteractiveCard,
+      {
+        nodeId: id,
+        onEdit,
+        compact: isCompact,
+        selected,
+        nodeType: "audio_input",
+        children: [
+          /* @__PURE__ */ jsx(
+            NodeCardHeader,
+            {
+              icon: /* @__PURE__ */ jsx(NodeIconBubble, { tone: "audio_input", children: /* @__PURE__ */ jsx(MicrophoneIcon, { className: "h-5 w-5 text-white" }) }),
+              title: label,
+              description: "Validates an audio source URL for downstream voice nodes",
+              compact: isCompact,
+              iconClassName: ""
+            }
+          ),
+          /* @__PURE__ */ jsxs(NodeCardMeta, { compact: isCompact, children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "audio_input", children: "Audio Input" }),
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "audio_input", soft: true, children: formatLabel }),
+              urlPreview && /* @__PURE__ */ jsx("span", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: urlPreview })
+            ] }),
+            /* @__PURE__ */ jsx(NodeCardDeleteAction, { nodeId: id, onDelete })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-teal-500" })
+  ] });
+});
+var SpeechTranscriberFlowNode = memo(function SpeechTranscriberFlowNode2({ id, data, selected }) {
+  const { config, label, onDelete, onEdit } = data;
+  const isCompact = data.displayMode === "compact";
+  const model = config.model && config.model.length > 0 ? config.model : "whisper-1";
+  const language = config.language && config.language.length > 0 ? config.language : "auto";
+  const audioRefPreview = config.audioUrl ? config.audioUrl.slice(0, 32) : "";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-violet-500" }),
+    /* @__PURE__ */ jsxs(
+      NodeInteractiveCard,
+      {
+        nodeId: id,
+        onEdit,
+        compact: isCompact,
+        selected,
+        nodeType: "speech_transcriber",
+        children: [
+          /* @__PURE__ */ jsx(
+            NodeCardHeader,
+            {
+              icon: /* @__PURE__ */ jsx(NodeIconBubble, { tone: "speech_transcriber", children: /* @__PURE__ */ jsx(SpeakerWaveIcon, { className: "h-5 w-5 text-white" }) }),
+              title: label,
+              description: "Transcribes audio via OpenAI Whisper-compatible endpoints",
+              compact: isCompact,
+              iconClassName: ""
+            }
+          ),
+          /* @__PURE__ */ jsxs(NodeCardMeta, { compact: isCompact, children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "speech_transcriber", children: "Whisper" }),
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "speech_transcriber", soft: true, children: model }),
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "speech_transcriber", soft: true, children: language }),
+              audioRefPreview && /* @__PURE__ */ jsx("span", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: audioRefPreview })
+            ] }),
+            /* @__PURE__ */ jsx(NodeCardDeleteAction, { nodeId: id, onDelete })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(WorkflowHandle, { type: "source", position: Position.Right, id: "right-out", colorClass: "!bg-violet-500" })
+  ] });
+});
 function ConfigFormActions({
   cancelLabel,
   saveLabel,
@@ -6244,6 +6340,160 @@ function AgentNodeConfigForm({
     )
   ] });
 }
+var AUDIO_FORMATS = ["auto", "mp3", "wav", "m4a", "webm", "ogg", "flac", "mp4", "mpga"];
+function AudioInputNodeConfigForm({ config, onSave, onCancel }) {
+  const t = useTranslations("agents.workflow.audioInputNodeConfig");
+  const [url, setUrl] = useState(config.url ?? "");
+  const [format, setFormat] = useState(config.format && config.format.length > 0 ? config.format : "auto");
+  const handleSave = () => {
+    onSave({
+      ...config,
+      url,
+      format: format === "auto" ? void 0 : format
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("urlLabel"),
+        value: url,
+        onValueChange: setUrl,
+        placeholder: t("urlPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: t("formatLabel"),
+        value: format,
+        onValueChange: setFormat,
+        options: AUDIO_FORMATS.map((option) => ({ value: option, label: option }))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
+var RESPONSE_FORMATS = [
+  "verbose_json",
+  "json",
+  "text"
+];
+function SpeechTranscriberNodeConfigForm({ config, onSave, onCancel }) {
+  const t = useTranslations("agents.workflow.speechTranscriberNodeConfig");
+  const [audioUrl, setAudioUrl] = useState(config.audioUrl ?? "");
+  const [model, setModel] = useState(config.model ?? "whisper-1");
+  const [language, setLanguage] = useState(config.language ?? "");
+  const [prompt, setPrompt] = useState(config.prompt ?? "");
+  const [responseFormat, setResponseFormat] = useState(
+    config.responseFormat ?? "verbose_json"
+  );
+  const [endpoint, setEndpoint] = useState(config.endpoint ?? "");
+  const [timeoutMs, setTimeoutMs] = useState(config.timeoutMs ?? 12e4);
+  const handleSave = () => {
+    onSave({
+      ...config,
+      audioUrl,
+      model: model.trim() || void 0,
+      language: language.trim() || void 0,
+      prompt: prompt.trim() || void 0,
+      responseFormat,
+      endpoint: endpoint.trim() || void 0,
+      timeoutMs
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("audioUrlLabel"),
+        value: audioUrl,
+        onValueChange: setAudioUrl,
+        placeholder: t("audioUrlPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("modelLabel"),
+        value: model,
+        onValueChange: setModel,
+        placeholder: "whisper-1"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("languageLabel"),
+        value: language,
+        onValueChange: setLanguage,
+        placeholder: t("languagePlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormTextarea,
+      {
+        label: t("promptLabel"),
+        value: prompt,
+        onValueChange: setPrompt,
+        placeholder: t("promptPlaceholder"),
+        rows: 3
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: t("responseFormatLabel"),
+        value: responseFormat,
+        onValueChange: (value) => setResponseFormat(value),
+        options: RESPONSE_FORMATS.map((value) => ({ value, label: value }))
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("endpointLabel"),
+        value: endpoint,
+        onValueChange: setEndpoint,
+        placeholder: t("endpointPlaceholder")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "number",
+        label: t("timeoutLabel"),
+        value: String(timeoutMs),
+        onValueChange: (value) => setTimeoutMs(Number(value)),
+        min: 1e3,
+        max: 6e5,
+        step: 1e3
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
 var NODE_TITLE_KEYS = {
   start: "startNodeConfig",
   end: "endNodeConfig",
@@ -6267,7 +6517,9 @@ var NODE_TITLE_KEYS = {
   group: "groupNodeConfig",
   model_provider: "modelProviderNodeConfig",
   rule: "ruleNodeConfig",
-  agent: "agentNodeConfig"
+  agent: "agentNodeConfig",
+  audio_input: "audioInputNodeConfig",
+  speech_transcriber: "speechTranscriberNodeConfig"
 };
 function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = useTranslations("agents.workflow");
@@ -6334,6 +6586,10 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsx(RuleNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "agent":
         return /* @__PURE__ */ jsx(AgentNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "audio_input":
+        return /* @__PURE__ */ jsx(AudioInputNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "speech_transcriber":
+        return /* @__PURE__ */ jsx(SpeechTranscriberNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
@@ -6717,7 +6973,9 @@ var BUILT_IN_NODE_TYPES = {
   note: NoteFlowNode,
   datasource: DatasourceFlowNode,
   model_provider: ModelProviderFlowNode,
-  group: GroupFlowNode
+  group: GroupFlowNode,
+  audio_input: AudioInputFlowNode,
+  speech_transcriber: SpeechTranscriberFlowNode
 };
 var ALL_LOGIC_NODE_TYPES = [
   "start",
@@ -6743,7 +7001,9 @@ var ALL_LOGIC_NODE_TYPES = [
   "entity",
   "datasource",
   "model_provider",
-  "group"
+  "group",
+  "audio_input",
+  "speech_transcriber"
 ];
 function isLogicNodeType(nodeType) {
   return ALL_LOGIC_NODE_TYPES.includes(nodeType);
@@ -8491,5 +8751,5 @@ function Workspace({
 }
 
 export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EXPERIMENTAL_NODE_TYPES, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, ICON_MAP, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeCardBadge, NodeCardDeleteAction, NodeCardHeader, NodeCardMeta, NodeContextMenu, NodeIconBubble, NodeInteractiveCard, NodeRunningIndicator, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, WorkflowCanvas, WorkflowHandle, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isFrameworkCompatibleWithProviders, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-IRT4T3CU.mjs.map
-//# sourceMappingURL=chunk-IRT4T3CU.mjs.map
+//# sourceMappingURL=chunk-PCYL4MII.mjs.map
+//# sourceMappingURL=chunk-PCYL4MII.mjs.map