@datatechsolutions/ui 3.9.1 → 3.11.0

package/dist/chunk-TCIK6WHT.mjs.map

@@ -0,0 +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":"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","file":"chunk-TCIK6WHT.mjs","sourcesContent":["import { useState, type FormEvent } from 'react'\nimport { UserGroupIcon } from '@heroicons/react/24/outline'\nimport {\n  Badge,\n  Button,\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n  InlineForm,\n  SearchBar,\n  StatusBadge,\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  const [searchTerm, setSearchTerm] = useState('')\n\n  const allUsers = users\n  const term = searchTerm.trim().toLowerCase()\n  const filteredUsers = term\n    ? allUsers.filter((user) =>\n        user.name.toLowerCase().includes(term) || user.email.toLowerCase().includes(term),\n      )\n    : allUsers\n  const isEmpty = allUsers.length === 0\n  const labelsAny = labels as Record<string, string>\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={!isEmpty ? (\n          <SearchBar\n            searchTerm={searchTerm}\n            onSearchChange={setSearchTerm}\n            placeholder={labelsAny.searchPlaceholder ?? labels.title}\n            noBorder\n          />\n        ) : undefined}\n        actions={(\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          {filteredUsers.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                <StatusBadge\n                  status={user.active ? 'active' : 'inactive'}\n                  label={user.active ? labels.statusActive : labels.statusInactive}\n                  size=\"sm\"\n                />\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  Badge,\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n  SearchBar,\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  const [searchTerm, setSearchTerm] = useState('')\n\n  const allRoleDefinitions = Object.values(roleDefinitions)\n  const allUsers = users\n  const term = searchTerm.trim().toLowerCase()\n  const filteredRoleDefinitions = term\n    ? allRoleDefinitions.filter((role) => role.label.toLowerCase().includes(term))\n    : allRoleDefinitions\n  const filteredUsers = term\n    ? allUsers.filter((user) =>\n        user.name.toLowerCase().includes(term) || user.email.toLowerCase().includes(term),\n      )\n    : allUsers\n  const isEmpty = allRoleDefinitions.length === 0 && allUsers.length === 0\n  const labelsAny = labels as Record<string, string>\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={!isEmpty ? (\n          <SearchBar\n            searchTerm={searchTerm}\n            onSearchChange={setSearchTerm}\n            placeholder={labelsAny.searchPlaceholder ?? labels.title}\n            noBorder\n          />\n        ) : undefined}\n        actions={(\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          {filteredRoleDefinitions.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          {filteredUsers.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                <Badge color=\"violet\" size=\"xs\">{user.role}</Badge>\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-IVKFXPLO.js → chunk-Z6FZQOTW.js}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunk7AM2SXEF_js = require('./chunk-7AM2SXEF.js');
-var chunkMT66VKLS_js = require('./chunk-MT66VKLS.js');
+var chunk6TKCMQ75_js = require('./chunk-6TKCMQ75.js');
+var chunkZGVN23J4_js = require('./chunk-ZGVN23J4.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
 var react = require('react');
@@ -27,15 +27,24 @@ function UsersPageView({ labels, users, onCreateUser, onUpdateRole }) {
   const labelsAny = labels;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.HeroSection,
+      chunkZGVN23J4_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.UserGroupIcon, { className: "h-5 w-5" }),
         label: labels.title,
         title: labels.title,
         subtitle: labels.subtitle,
         gradient: "from-violet-500 to-indigo-600",
-        toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.CreateActionButton,
+        toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+          chunkZGVN23J4_js.SearchBar,
+          {
+            searchTerm,
+            onSearchChange: setSearchTerm,
+            placeholder: labelsAny.searchPlaceholder ?? labels.title,
+            noBorder: true
+          }
+        ) : void 0,
+        actions: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkZGVN23J4_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.create,
@@ -46,7 +55,7 @@ function UsersPageView({ labels, users, onCreateUser, onUpdateRole }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.CreateActionButton,
+      chunkZGVN23J4_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.create,
@@ -54,25 +63,17 @@ function UsersPageView({ labels, users, onCreateUser, onUpdateRole }) {
         accent: "violet"
       }
     ),
-    !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
-      {
-        searchTerm,
-        onSearchChange: setSearchTerm,
-        placeholder: labelsAny.searchPlaceholder ?? labels.title
-      }
-    ),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: labels.list }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredUsers.map((user) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.EntityCard,
+        chunkZGVN23J4_js.EntityCard,
         {
           accentGradient: "from-violet-500 to-indigo-700",
           icon: /* @__PURE__ */ jsxRuntime.jsx("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", children: /* @__PURE__ */ jsxRuntime.jsx(outline.UserGroupIcon, { className: "h-6 w-6" }) }),
           title: user.name,
           subtitle: user.email,
           status: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMT66VKLS_js.StatusBadge,
+            chunkZGVN23J4_js.StatusBadge,
             {
               status: user.active ? "active" : "inactive",
               label: user.active ? labels.statusActive : labels.statusInactive,
@@ -88,8 +89,8 @@ function UsersPageView({ labels, users, onCreateUser, onUpdateRole }) {
                 const role = String(formData.get("role") ?? "viewer");
                 onUpdateRole({ email: user.email, role });
               },
-              children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.InlineForm, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "role", options: ROLE_OPTIONS, defaultValue: user.role }),
+              children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.InlineForm, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "role", options: ROLE_OPTIONS, defaultValue: user.role }),
                 /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Button, { type: "submit", outline: true, size: "sm", children: labels.save })
               ] })
             }
@@ -99,7 +100,7 @@ function UsersPageView({ labels, users, onCreateUser, onUpdateRole }) {
       )) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.GlassModal,
+      chunkZGVN23J4_js.GlassModal,
       {
         open: createOpen,
         onClose: () => setCreateOpen(false),
@@ -117,10 +118,10 @@ function UsersPageView({ labels, users, onCreateUser, onUpdateRole }) {
           onCreateUser({ name, email, role });
           setCreateOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "name", label: labels.name, placeholder: labels.userNamePlaceholder, required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "email", label: labels.email, placeholder: labels.userEmailPlaceholder, required: true, type: "email" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "role", label: labels.role, options: ROLE_OPTIONS })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "name", label: labels.name, placeholder: labels.userNamePlaceholder, required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "email", label: labels.email, placeholder: labels.userEmailPlaceholder, required: true, type: "email" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "role", label: labels.role, options: ROLE_OPTIONS })
         ] })
       }
     )
@@ -146,15 +147,24 @@ function RolesPageView({
   const labelsAny = labels;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.HeroSection,
+      chunkZGVN23J4_js.HeroSection,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ShieldCheckIcon, { className: "h-5 w-5" }),
         label: labels.title,
         title: labels.title,
         subtitle: labels.subtitle,
         gradient: "from-emerald-500 to-teal-600",
-        toolbar: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMT66VKLS_js.CreateActionButton,
+        toolbar: !isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(
+          chunkZGVN23J4_js.SearchBar,
+          {
+            searchTerm,
+            onSearchChange: setSearchTerm,
+            placeholder: labelsAny.searchPlaceholder ?? labels.title,
+            noBorder: true
+          }
+        ) : void 0,
+        actions: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkZGVN23J4_js.CreateActionButton,
           {
             mode: "desktop",
             label: labels.assign,
@@ -165,7 +175,7 @@ function RolesPageView({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.CreateActionButton,
+      chunkZGVN23J4_js.CreateActionButton,
       {
         mode: "mobile",
         label: labels.assign,
@@ -173,18 +183,10 @@ function RolesPageView({
         accent: "emerald"
       }
     ),
-    !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.SearchBar,
-      {
-        searchTerm,
-        onSearchChange: setSearchTerm,
-        placeholder: labelsAny.searchPlaceholder ?? labels.title
-      }
-    ),
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: labels.definitions }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children: filteredRoleDefinitions.map((role) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkMT66VKLS_js.EntityCard,
+        chunkZGVN23J4_js.EntityCard,
         {
           accentGradient: "from-emerald-500 to-teal-700",
           icon: /* @__PURE__ */ jsxRuntime.jsx("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", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ShieldCheckIcon, { className: "h-6 w-6" }) }),
@@ -201,7 +203,7 @@ function RolesPageView({
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: labels.current }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: filteredUsers.map((user) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunkMT66VKLS_js.EntityCard,
+        chunkZGVN23J4_js.EntityCard,
         {
           accentGradient: "from-violet-500 to-indigo-700",
           icon: /* @__PURE__ */ jsxRuntime.jsx("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", children: /* @__PURE__ */ jsxRuntime.jsx(outline.ShieldCheckIcon, { className: "h-6 w-6" }) }),
@@ -213,7 +215,7 @@ function RolesPageView({
       )) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMT66VKLS_js.GlassModal,
+      chunkZGVN23J4_js.GlassModal,
       {
         open: assignOpen,
         onClose: () => setAssignOpen(false),
@@ -230,9 +232,9 @@ function RolesPageView({
           onAssignRole({ email, role });
           setAssignOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkMT66VKLS_js.FormGrid, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormInput, { name: "email", label: labels.userEmail, placeholder: "user@company.com", required: true }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkMT66VKLS_js.FormSelect, { name: "role", label: labels.role, options: roleOptions })
+        children: /* @__PURE__ */ jsxRuntime.jsxs(chunkZGVN23J4_js.FormGrid, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormInput, { name: "email", label: labels.userEmail, placeholder: "user@company.com", required: true }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkZGVN23J4_js.FormSelect, { name: "role", label: labels.role, options: roleOptions })
         ] })
       }
     )
@@ -240,11 +242,11 @@ function RolesPageView({
 }
 function WorkflowWorkspace({ graph }) {
   const locale = chunkYXN2K77G_js.useLocale();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk7AM2SXEF_js.Workspace, { initialGraph: graph, locale });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TKCMQ75_js.Workspace, { initialGraph: graph, locale });
 }
 
 exports.RolesPageView = RolesPageView;
 exports.UsersPageView = UsersPageView;
 exports.WorkflowWorkspace = WorkflowWorkspace;
-//# sourceMappingURL=chunk-IVKFXPLO.js.map
-//# sourceMappingURL=chunk-IVKFXPLO.js.map
+//# sourceMappingURL=chunk-Z6FZQOTW.js.map
+//# sourceMappingURL=chunk-Z6FZQOTW.js.map

package/dist/chunk-Z6FZQOTW.js.map

@@ -0,0 +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","HeroSection","UserGroupIcon","SearchBar","CreateActionButton","EntityCard","StatusBadge","InlineForm","FormSelect","Button","GlassModal","FormGrid","FormInput","ShieldCheckIcon","Badge","useLocale","Workspace"],"mappings":"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","file":"chunk-Z6FZQOTW.js","sourcesContent":["import { useState, type FormEvent } from 'react'\nimport { UserGroupIcon } from '@heroicons/react/24/outline'\nimport {\n  Badge,\n  Button,\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n  InlineForm,\n  SearchBar,\n  StatusBadge,\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  const [searchTerm, setSearchTerm] = useState('')\n\n  const allUsers = users\n  const term = searchTerm.trim().toLowerCase()\n  const filteredUsers = term\n    ? allUsers.filter((user) =>\n        user.name.toLowerCase().includes(term) || user.email.toLowerCase().includes(term),\n      )\n    : allUsers\n  const isEmpty = allUsers.length === 0\n  const labelsAny = labels as Record<string, string>\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={!isEmpty ? (\n          <SearchBar\n            searchTerm={searchTerm}\n            onSearchChange={setSearchTerm}\n            placeholder={labelsAny.searchPlaceholder ?? labels.title}\n            noBorder\n          />\n        ) : undefined}\n        actions={(\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          {filteredUsers.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                <StatusBadge\n                  status={user.active ? 'active' : 'inactive'}\n                  label={user.active ? labels.statusActive : labels.statusInactive}\n                  size=\"sm\"\n                />\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  Badge,\n  CreateActionButton,\n  EntityCard,\n  FormGrid,\n  FormInput,\n  GlassModal,\n  FormSelect,\n  HeroSection,\n  SearchBar,\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  const [searchTerm, setSearchTerm] = useState('')\n\n  const allRoleDefinitions = Object.values(roleDefinitions)\n  const allUsers = users\n  const term = searchTerm.trim().toLowerCase()\n  const filteredRoleDefinitions = term\n    ? allRoleDefinitions.filter((role) => role.label.toLowerCase().includes(term))\n    : allRoleDefinitions\n  const filteredUsers = term\n    ? allUsers.filter((user) =>\n        user.name.toLowerCase().includes(term) || user.email.toLowerCase().includes(term),\n      )\n    : allUsers\n  const isEmpty = allRoleDefinitions.length === 0 && allUsers.length === 0\n  const labelsAny = labels as Record<string, string>\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={!isEmpty ? (\n          <SearchBar\n            searchTerm={searchTerm}\n            onSearchChange={setSearchTerm}\n            placeholder={labelsAny.searchPlaceholder ?? labels.title}\n            noBorder\n          />\n        ) : undefined}\n        actions={(\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          {filteredRoleDefinitions.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          {filteredUsers.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                <Badge color=\"violet\" size=\"xs\">{user.role}</Badge>\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"]}