@burdenoff/microfe-workspaces 2026.625.1 → 2026.625.3

package/dist/pages/WorkspaceSettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceSettingsPage.js","names":[],"sources":["../../src/pages/WorkspaceSettingsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { type TagItem, TagsWidget } from '@burdenoff/fe-libs/tag';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  OptionalFields,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  useGetWorkspaceTagsQuery,\n  useReplaceWorkspaceTagsMutation,\n  type WorkspaceTagAssignmentFieldsFragment,\n} from '../generated/wspace-operations';\nimport {\n  Form,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  Input,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { PermissionGate, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useUpdateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nconst updateWorkspaceSchema = z.object({\n  name: z.string().min(2).max(100),\n  contactEmail: z.string().email().optional().or(z.literal('')),\n  domain: z.string().optional(),\n  website: z.string().url().optional().or(z.literal('')),\n});\n\ntype UpdateWorkspaceFormData = z.infer<typeof updateWorkspaceSchema>;\n\nexport function WorkspaceSettingsPage() {\n  const { t } = useI18n();\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.settings', { workspaceId, requireParams: true });\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { data: workspace, isLoading } = useWorkspace(workspaceId || '');\n  const { mutate: updateWorkspace, isPending } = useUpdateWorkspace();\n\n  // Workspace tags (universal-tags assignments) — backend exposed via\n  // wspace-workspace-svc workspace-tags.gql; this UI is the canonical\n  // editor for them. Identical pattern to ProjectDetailPage.\n  const { data: tagsData, refetch: refetchTags } = useGetWorkspaceTagsQuery({\n    variables: { input: { workspaceId: workspaceId ?? '' } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n  const [replaceWorkspaceTags, { loading: tagsUpdating }] = useReplaceWorkspaceTagsMutation();\n  // The widget keys tags by `id` for add/remove. We store the\n  // assignment's tagId there so the round-trip back to\n  // replaceWorkspaceTags has the right value to send. Display fields\n  // come from the embedded `tag: UniversalTag` resolved by the\n  // assignment — assignments without a hydrated tag (deleted or\n  // unresolved) are dropped so the widget never renders empty badges.\n  const widgetTags = useMemo<TagItem[]>(() => {\n    const assignments = tagsData?.getWorkspaceTags ?? [];\n    return assignments.flatMap((a: WorkspaceTagAssignmentFieldsFragment) => {\n      if (!a.tag) return [];\n      return [\n        {\n          id: a.tagId,\n          key: a.tag.key,\n          label: a.tag.label,\n          value: a.tag.value ?? null,\n          vocabularyId: a.tag.vocabularyId ?? null,\n          parentId: a.tag.parentId ?? null,\n          hierarchyPath: a.tag.hierarchyPath ?? null,\n          color: a.tag.color ?? null,\n          icon: a.tag.icon ?? null,\n          description: a.tag.description ?? null,\n        } satisfies TagItem,\n      ];\n    });\n  }, [tagsData?.getWorkspaceTags]);\n\n  const persistTags = async (next: TagItem[]) => {\n    if (!workspaceId) return;\n    await replaceWorkspaceTags({\n      variables: {\n        input: {\n          workspaceId,\n          tagIds: next.map((t) => t.id),\n        },\n      },\n    });\n    await refetchTags();\n  };\n\n  const handleAddTag = (tag: TagItem) => persistTags([...widgetTags, tag]);\n  const handleRemoveTag = (tagId: string) => persistTags(widgetTags.filter((t) => t.id !== tagId));\n\n  const handleSubmit = (data: UpdateWorkspaceFormData) => {\n    if (!workspaceId) return;\n\n    updateWorkspace(\n      {\n        id: workspaceId,\n        input: {\n          ...data,\n          contactEmail: data.contactEmail || undefined,\n          domain: data.domain || undefined,\n          website: data.website || undefined,\n        },\n      },\n      {\n        onSuccess: () => {\n          navigate(`${basePath}/${workspaceId}`);\n        },\n      }\n    );\n  };\n\n  if (isLoading) {\n    return <div className=\"p-6\">{tWithFallback(t, 'workspaceSettings.loading', 'Loading...')}</div>;\n  }\n\n  if (!workspace) {\n    return (\n      <div className=\"p-6\">\n        {tWithFallback(t, 'workspaceSettings.notFound', 'Workspace not found')}\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGate\n      permission={WORKSPACE_PERMISSIONS.WORKSPACE_UPDATE}\n      fallback={\n        <div className=\"p-6\">\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-6 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <AccessDenied\n            variant=\"card\"\n            title={tWithFallback(t, 'workspaceSettings.permissionRequired', 'Permission Required')}\n            description={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDesc',\n              \"You don't have permission to edit workspace settings.\"\n            )}\n            details={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDetails',\n              'Required: workspace:update'\n            )}\n            primaryAction={{\n              label: tWithFallback(t, 'workspaceSettings.goBack', 'Go Back'),\n              onClick: () => navigate(`${basePath}/${workspaceId}`),\n            }}\n          />\n        </div>\n      }\n    >\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tWithFallback(t, 'workspaceSettings.title', 'Workspace Settings')}\n          </h1>\n          <p className=\"text-text-secondary\">\n            {tWithFallback(t, 'workspaceSettings.subtitle', 'Manage workspace configuration')}\n          </p>\n        </div>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>\n              {tWithFallback(t, 'workspaceSettings.generalSettings', 'General Settings')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <Form\n              schema={updateWorkspaceSchema}\n              onSubmit={handleSubmit}\n              formOptions={{\n                defaultValues: {\n                  name: workspace?.name || '',\n                  contactEmail: workspace?.contactEmail || '',\n                  domain: workspace?.domain || '',\n                  website: workspace?.website || '',\n                },\n              }}\n            >\n              {(form) => (\n                <div className=\"space-y-4\">\n                  <FormField\n                    control={form.control}\n                    name=\"name\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.workspaceName', 'Workspace Name')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <FormField\n                    control={form.control}\n                    name=\"contactEmail\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.contactEmail', 'Contact Email')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input type=\"email\" {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <OptionalFields\n                    title={tWithFallback(t, 'workspaceSettings.advancedTitle', 'Advanced settings')}\n                    description={tWithFallback(\n                      t,\n                      'workspaceSettings.advancedDescription',\n                      'Custom domain + website. Most workspaces leave these blank.'\n                    )}\n                  >\n                    <FormField\n                      control={form.control}\n                      name=\"domain\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.domain', 'Domain')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n\n                    <FormField\n                      control={form.control}\n                      name=\"website\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.website', 'Website')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input type=\"url\" {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n                  </OptionalFields>\n\n                  <div className=\"flex gap-2\">\n                    <Button type=\"submit\" disabled={isPending} className=\"gap-2\">\n                      <Save size={20} />\n                      {isPending\n                        ? tWithFallback(t, 'workspaceSettings.saving', 'Saving...')\n                        : tWithFallback(t, 'workspaceSettings.saveChanges', 'Save Changes')}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => navigate(`${basePath}/${workspaceId}`)}\n                    >\n                      {tWithFallback(t, 'workspaceSettings.cancel', 'Cancel')}\n                    </Button>\n                  </div>\n                </div>\n              )}\n            </Form>\n          </CardContent>\n        </Card>\n\n        {workspaceId && (\n          <Card>\n            <CardHeader>\n              <CardTitle>{tWithFallback(t, 'workspaceSettings.tags', 'Tags')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'workspaceSettings.tagsDescription',\n                  'Use universal tags to classify and filter this workspace.'\n                )}\n              </p>\n              <TagsWidget\n                entityType=\"Workspace\"\n                entityId={workspaceId}\n                workspaceId={workspaceId}\n                tags={widgetTags}\n                onAdd={handleAddTag}\n                onRemove={handleRemoveTag}\n                syncGraphNotifications={false}\n                className={tagsUpdating ? 'pointer-events-none opacity-75' : undefined}\n              />\n            </CardContent>\n          </Card>\n        )}\n      </div>\n    </PermissionGate>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspaceSettingsPage.js","names":[],"sources":["../../src/pages/WorkspaceSettingsPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { type TagItem, TagsWidget } from '@burdenoff/fe-libs/tag';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  OptionalFields,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  useGetWorkspaceTagsQuery,\n  useReplaceWorkspaceTagsMutation,\n  type WorkspaceTagAssignmentFieldsFragment,\n} from '../generated/wspace-operations';\nimport {\n  Form,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormMessage,\n  Input,\n  z,\n} from '@burdenoff/fe-libs/form';\nimport { PermissionGate, AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useUpdateWorkspace } from '../hooks/useWorkspaceMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nconst updateWorkspaceSchema = z.object({\n  name: z.string().min(2).max(100),\n  contactEmail: z.string().email().optional().or(z.literal('')),\n  domain: z.string().optional(),\n  website: z.string().url().optional().or(z.literal('')),\n});\n\ntype UpdateWorkspaceFormData = z.infer<typeof updateWorkspaceSchema>;\n\nexport function WorkspaceSettingsPage() {\n  const { t } = useI18n();\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.settings', { workspaceId, requireParams: true });\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { data: workspace, isLoading } = useWorkspace(workspaceId || '');\n  const { mutate: updateWorkspace, isPending } = useUpdateWorkspace();\n\n  // Workspace tags (universal-tags assignments) — backend exposed via\n  // wspace-workspace-svc workspace-tags.gql; this UI is the canonical\n  // editor for them. Identical pattern to ProjectDetailPage.\n  const { data: tagsData, refetch: refetchTags } = useGetWorkspaceTagsQuery({\n    variables: { input: { workspaceId: workspaceId ?? '' } },\n    skip: !workspaceId,\n    fetchPolicy: 'cache-and-network',\n  });\n  const [replaceWorkspaceTags, { loading: tagsUpdating }] = useReplaceWorkspaceTagsMutation();\n  // The widget keys tags by `id` for add/remove. We store the\n  // assignment's tagId there so the round-trip back to\n  // replaceWorkspaceTags has the right value to send. Display fields\n  // come from the embedded `tag: UniversalTag` resolved by the\n  // assignment — assignments without a hydrated tag (deleted or\n  // unresolved) are dropped so the widget never renders empty badges.\n  const widgetTags = useMemo<TagItem[]>(() => {\n    const assignments = tagsData?.getWorkspaceTags ?? [];\n    return assignments.flatMap((a: WorkspaceTagAssignmentFieldsFragment) => {\n      if (!a.tag) return [];\n      return [\n        {\n          id: a.tagId,\n          key: a.tag.key,\n          label: a.tag.label,\n          value: a.tag.value ?? null,\n          vocabularyId: a.tag.vocabularyId ?? null,\n          parentId: a.tag.parentId ?? null,\n          hierarchyPath: a.tag.hierarchyPath ?? null,\n          color: a.tag.color ?? null,\n          icon: a.tag.icon ?? null,\n          description: a.tag.description ?? null,\n        } satisfies TagItem,\n      ];\n    });\n  }, [tagsData?.getWorkspaceTags]);\n\n  const persistTags = async (next: TagItem[]) => {\n    if (!workspaceId) return;\n    await replaceWorkspaceTags({\n      variables: {\n        input: {\n          workspaceId,\n          tagIds: next.map((t) => t.id),\n        },\n      },\n    });\n    await refetchTags();\n  };\n\n  const handleAddTag = (tag: TagItem) => persistTags([...widgetTags, tag]);\n  const handleRemoveTag = (tagId: string) => persistTags(widgetTags.filter((t) => t.id !== tagId));\n\n  const handleSubmit = (data: UpdateWorkspaceFormData) => {\n    if (!workspaceId) return;\n\n    updateWorkspace(\n      {\n        id: workspaceId,\n        input: {\n          ...data,\n          contactEmail: data.contactEmail || undefined,\n          domain: data.domain || undefined,\n          website: data.website || undefined,\n        },\n      },\n      {\n        onSuccess: () => {\n          navigate(`${basePath}/${workspaceId}`);\n        },\n      }\n    );\n  };\n\n  if (isLoading) {\n    return <div className=\"p-6\">{tWithFallback(t, 'workspaceSettings.loading', 'Loading...')}</div>;\n  }\n\n  if (!workspace) {\n    return (\n      <div className=\"p-6\">\n        {tWithFallback(t, 'workspaceSettings.notFound', 'Workspace not found')}\n      </div>\n    );\n  }\n\n  return (\n    <PermissionGate\n      permission={WORKSPACE_PERMISSIONS.WORKSPACE_UPDATE}\n      fallback={\n        <div className=\"p-6\">\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-6 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <AccessDenied\n            variant=\"card\"\n            title={tWithFallback(t, 'workspaceSettings.permissionRequired', 'Permission Required')}\n            description={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDesc',\n              \"You don't have permission to edit workspace settings.\"\n            )}\n            details={tWithFallback(\n              t,\n              'workspaceSettings.permissionRequiredDetails',\n              'Required: workspace:update'\n            )}\n            primaryAction={{\n              label: tWithFallback(t, 'workspaceSettings.goBack', 'Go Back'),\n              onClick: () => navigate(`${basePath}/${workspaceId}`),\n            }}\n          />\n        </div>\n      }\n    >\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(`${basePath}/${workspaceId}`)}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceSettings.backToWorkspace', 'Back to Workspace')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tWithFallback(t, 'workspaceSettings.title', 'Workspace Settings')}\n          </h1>\n          <p className=\"text-text-secondary\">\n            {tWithFallback(t, 'workspaceSettings.subtitle', 'Manage workspace configuration')}\n          </p>\n        </div>\n\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardHeader>\n            <CardTitle>\n              {tWithFallback(t, 'workspaceSettings.generalSettings', 'General Settings')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <Form\n              schema={updateWorkspaceSchema}\n              onSubmit={handleSubmit}\n              formOptions={{\n                defaultValues: {\n                  name: workspace?.name || '',\n                  contactEmail: workspace?.contactEmail || '',\n                  domain: workspace?.domain || '',\n                  website: workspace?.website || '',\n                },\n              }}\n            >\n              {(form) => (\n                <div className=\"space-y-4\">\n                  <FormField\n                    control={form.control}\n                    name=\"name\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.workspaceName', 'Workspace Name')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <FormField\n                    control={form.control}\n                    name=\"contactEmail\"\n                    render={({ field }) => (\n                      <FormItem>\n                        <FormLabel>\n                          {tWithFallback(t, 'workspaceSettings.contactEmail', 'Contact Email')}\n                        </FormLabel>\n                        <FormControl>\n                          <Input type=\"email\" {...field} />\n                        </FormControl>\n                        <FormMessage />\n                      </FormItem>\n                    )}\n                  />\n\n                  <OptionalFields\n                    title={tWithFallback(t, 'workspaceSettings.advancedTitle', 'Advanced settings')}\n                    description={tWithFallback(\n                      t,\n                      'workspaceSettings.advancedDescription',\n                      'Custom domain + website. Most workspaces leave these blank.'\n                    )}\n                  >\n                    <FormField\n                      control={form.control}\n                      name=\"domain\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.domain', 'Domain')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n\n                    <FormField\n                      control={form.control}\n                      name=\"website\"\n                      render={({ field }) => (\n                        <FormItem>\n                          <FormLabel>\n                            {tWithFallback(t, 'workspaceSettings.website', 'Website')}\n                          </FormLabel>\n                          <FormControl>\n                            <Input type=\"url\" {...field} />\n                          </FormControl>\n                          <FormMessage />\n                        </FormItem>\n                      )}\n                    />\n                  </OptionalFields>\n\n                  <div className=\"flex gap-2\">\n                    <Button type=\"submit\" disabled={isPending} className=\"gap-2\">\n                      <Save size={20} />\n                      {isPending\n                        ? tWithFallback(t, 'workspaceSettings.saving', 'Saving...')\n                        : tWithFallback(t, 'workspaceSettings.saveChanges', 'Save Changes')}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => navigate(`${basePath}/${workspaceId}`)}\n                    >\n                      {tWithFallback(t, 'workspaceSettings.cancel', 'Cancel')}\n                    </Button>\n                  </div>\n                </div>\n              )}\n            </Form>\n          </CardContent>\n        </GlassCard>\n\n        {workspaceId && (\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>{tWithFallback(t, 'workspaceSettings.tags', 'Tags')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-text-muted\">\n                {tWithFallback(\n                  t,\n                  'workspaceSettings.tagsDescription',\n                  'Use universal tags to classify and filter this workspace.'\n                )}\n              </p>\n              <TagsWidget\n                entityType=\"Workspace\"\n                entityId={workspaceId}\n                workspaceId={workspaceId}\n                tags={widgetTags}\n                onAdd={handleAddTag}\n                onRemove={handleRemoveTag}\n                syncGraphNotifications={false}\n                className={tagsUpdating ? 'pointer-events-none opacity-75' : undefined}\n              />\n            </CardContent>\n          </GlassCard>\n        )}\n      </div>\n    </PermissionGate>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/WorkspacesListPage.js

@@ -8,124 +8,135 @@ import { WORKSPACE_PERMISSIONS as o } from "../constants/permissions.js";
 import { tWithFallback as s } from "../utils/i18n.js";
 import { useWorkspacesPageView as c } from "../hooks/useWorkspacesPageView.js";
 import { useEffect as l, useState as u } from "react";
-import { Grid3X3 as d, List as f, Mail as p, Plus as m, Search as h, UserPlus as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Badge as b, Button as x, Input as S, Skeleton as C } from "@burdenoff/fe-libs/ui";
-import { useNavigate as w } from "react-router-dom";
-import { useDebounce as T } from "@burdenoff/fe-libs/shared/hooks";
-import { PermissionButton as E } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Grid3X3 as d, List as f, Mail as p, MoreHorizontal as m, Plus as h, Search as g, UserPlus as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Badge as ee, Button as x, DropdownMenu as S, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuTrigger as T, Input as E, Skeleton as D } from "@burdenoff/fe-libs/ui";
+import { useNavigate as O } from "react-router-dom";
+import { useDebounce as k } from "@burdenoff/fe-libs/shared/hooks";
+import { PermissionButton as A } from "@burdenoff/fe-libs/shared/components";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/WorkspacesListPage.tsx
-function O() {
+function M() {
 	c("workspaces.list");
-	let { t: O } = D(), k = w(), { basePath: A = "/", currentUser: j, workspaceId: M } = e(), { withCurrentSearch: N } = i(), { viewMode: P, setViewMode: F, workspaceFilters: I, setWorkspaceFilters: L } = t(), R = () => {
-		k(N(`${A}/new`));
-	}, [z, B] = u(I.search || ""), V = T(z, 500);
+	let { t: M } = j(), N = O(), { basePath: P = "/", currentUser: F, workspaceId: I } = e(), { withCurrentSearch: L } = i(), { viewMode: R, setViewMode: z, workspaceFilters: B, setWorkspaceFilters: V } = t(), H = () => {
+		N(L(`${P}/new`));
+	}, [U, W] = u(B.search || ""), G = k(U, 500);
 	l(() => {
-		V !== I.search && L({ search: V });
+		G !== B.search && V({ search: G });
 	}, [
-		V,
-		I.search,
-		L
+		G,
+		B.search,
+		V
 	]);
-	let { data: H, isLoading: U, error: W } = n(), { data: G = [] } = r(j?.email), K = G.length, q = () => {
-		k(N(`${A}/invites`));
-	}, J = () => {
-		M && k(N(`${A}/${M}/invite`));
-	}, Y = H ? {
-		...H,
-		items: V ? H.items.filter((e) => e.name.toLowerCase().includes(V.toLowerCase())) : H.items,
-		total: V ? H.items.filter((e) => e.name.toLowerCase().includes(V.toLowerCase())).length : H.total
+	let { data: K, isLoading: q, error: J } = n(), { data: Y = [] } = r(F?.email), X = Y.length, Z = () => {
+		N(L(`${P}/invites`));
+	}, Q = () => {
+		I && N(L(`${P}/${I}/invite`));
+	}, $ = K ? {
+		...K,
+		items: G ? K.items.filter((e) => e.name.toLowerCase().includes(G.toLowerCase())) : K.items,
+		total: G ? K.items.filter((e) => e.name.toLowerCase().includes(G.toLowerCase())).length : K.total
 	} : void 0;
-	return W ? /* @__PURE__ */ v("div", {
+	return J ? /* @__PURE__ */ y("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "flex flex-col items-center justify-center py-12",
-			children: [/* @__PURE__ */ v("p", {
+			children: [/* @__PURE__ */ y("p", {
 				className: "text-status-error-text text-lg font-semibold",
-				children: s(O, "workspacesList.loadError", "Error loading workspaces")
-			}), /* @__PURE__ */ v("p", {
+				children: s(M, "workspacesList.loadError", "Error loading workspaces")
+			}), /* @__PURE__ */ y("p", {
 				className: "text-text-secondary text-sm mt-2",
-				children: W instanceof Error ? W.message : s(O, "workspacesList.unknownError", "Unknown error")
+				children: J instanceof Error ? J.message : s(M, "workspacesList.unknownError", "Unknown error")
 			})]
 		})
-	}) : /* @__PURE__ */ y("div", {
+	}) : /* @__PURE__ */ b("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3",
 				"data-tour": "workspaces-list-header",
-				children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
+				children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
 					className: "text-2xl sm:text-3xl font-bold",
-					children: s(O, "workspacesList.title", "Workspaces")
-				}), /* @__PURE__ */ v("p", {
+					children: s(M, "workspacesList.title", "Workspaces")
+				}), /* @__PURE__ */ y("p", {
 					className: "text-sm sm:text-base text-text-secondary",
-					children: s(O, "workspacesList.description", "Manage and organize your workspaces")
-				})] }), /* @__PURE__ */ y("div", {
+					children: s(M, "workspacesList.description", "Manage and organize your workspaces")
+				})] }), /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-2",
 					"data-tour": "workspaces-list-actions",
 					children: [
-						/* @__PURE__ */ v(x, {
-							variant: P === "grid" ? "default" : "outline",
+						/* @__PURE__ */ y(x, {
+							variant: R === "grid" ? "default" : "outline",
 							size: "icon",
-							onClick: () => F("grid"),
+							onClick: () => z("grid"),
 							className: "hidden sm:flex",
-							"aria-label": s(O, "workspacesList.gridViewAriaLabel", "Show workspaces in grid view"),
-							title: s(O, "workspacesList.gridViewTitle", "Grid view"),
-							children: /* @__PURE__ */ v(d, { size: 20 })
+							"aria-label": s(M, "workspacesList.gridViewAriaLabel", "Show workspaces in grid view"),
+							title: s(M, "workspacesList.gridViewTitle", "Grid view"),
+							children: /* @__PURE__ */ y(d, { size: 20 })
 						}),
-						/* @__PURE__ */ v(x, {
-							variant: P === "list" ? "default" : "outline",
+						/* @__PURE__ */ y(x, {
+							variant: R === "list" ? "default" : "outline",
 							size: "icon",
-							onClick: () => F("list"),
+							onClick: () => z("list"),
 							className: "hidden sm:flex",
-							"aria-label": s(O, "workspacesList.listViewAriaLabel", "Show workspaces in list view"),
-							title: s(O, "workspacesList.listViewTitle", "List view"),
-							children: /* @__PURE__ */ v(f, { size: 20 })
+							"aria-label": s(M, "workspacesList.listViewAriaLabel", "Show workspaces in list view"),
+							title: s(M, "workspacesList.listViewTitle", "List view"),
+							children: /* @__PURE__ */ y(f, { size: 20 })
 						}),
-						/* @__PURE__ */ v(E, {
-							permission: o.MEMBER_CREATE,
-							deniedBehavior: "disable",
-							deniedTooltip: s(O, "workspacesList.inviteDeniedTooltip", "You don't have permission to invite members into the current workspace"),
-							children: /* @__PURE__ */ y(x, {
+						/* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(T, {
+							asChild: !0,
+							children: /* @__PURE__ */ b(x, {
 								variant: "outline",
-								onClick: J,
-								className: "gap-2",
-								disabled: !M,
-								title: M ? s(O, "workspacesList.inviteMemberTitle", "Invite members into the current workspace") : s(O, "workspacesList.inviteMemberNoWorkspaceTitle", "Select a current workspace first"),
-								children: [/* @__PURE__ */ v(g, { size: 18 }), /* @__PURE__ */ v("span", { children: s(O, "workspacesList.inviteMemberButton", "Invite Member") })]
+								size: "icon",
+								"aria-label": "More actions",
+								className: "relative",
+								children: [/* @__PURE__ */ y(m, { size: 18 }), X > 0 ? /* @__PURE__ */ y("span", { className: "absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg" }) : null]
 							})
-						}),
-						/* @__PURE__ */ y(x, {
-							variant: "outline",
-							onClick: q,
-							className: "gap-2",
-							children: [
-								/* @__PURE__ */ v(p, { size: 18 }),
-								/* @__PURE__ */ v("span", { children: s(O, "workspacesList.pendingInvitesButton", "Pending Invites") }),
-								K > 0 ? /* @__PURE__ */ v(b, {
-									variant: "secondary",
-									children: K
-								}) : null
-							]
-						}),
-						/* @__PURE__ */ v(E, {
+						}), /* @__PURE__ */ b(C, {
+							align: "end",
+							children: [/* @__PURE__ */ y(A, {
+								permission: o.MEMBER_CREATE,
+								deniedBehavior: "disable",
+								deniedTooltip: s(M, "workspacesList.inviteDeniedTooltip", "You don't have permission to invite members into the current workspace"),
+								children: /* @__PURE__ */ b(w, {
+									onSelect: Q,
+									disabled: !I,
+									className: "gap-2",
+									children: [/* @__PURE__ */ y(_, { size: 16 }), s(M, "workspacesList.inviteMemberButton", "Invite Member")]
+								})
+							}), /* @__PURE__ */ b(w, {
+								onSelect: Z,
+								className: "gap-2",
+								children: [
+									/* @__PURE__ */ y(p, { size: 16 }),
+									/* @__PURE__ */ y("span", {
+										className: "flex-1",
+										children: s(M, "workspacesList.pendingInvitesButton", "Pending Invites")
+									}),
+									X > 0 ? /* @__PURE__ */ y(ee, {
+										variant: "secondary",
+										children: X
+									}) : null
+								]
+							})]
+						})] }),
+						/* @__PURE__ */ y(A, {
 							permission: o.WORKSPACE_CREATE,
 							deniedBehavior: "disable",
-							deniedTooltip: s(O, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
-							children: /* @__PURE__ */ y(x, {
-								onClick: R,
+							deniedTooltip: s(M, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+							children: /* @__PURE__ */ b(x, {
+								onClick: H,
 								className: "gap-2",
 								"data-tour": "workspaces-create-button",
 								children: [
-									/* @__PURE__ */ v(m, { size: 20 }),
-									/* @__PURE__ */ v("span", {
+									/* @__PURE__ */ y(h, { size: 20 }),
+									/* @__PURE__ */ y("span", {
 										className: "hidden sm:inline",
-										children: s(O, "workspacesList.createButton", "Create Workspace")
+										children: s(M, "workspacesList.createButton", "Create Workspace")
 									}),
-									/* @__PURE__ */ v("span", {
+									/* @__PURE__ */ y("span", {
 										className: "sm:hidden",
-										children: s(O, "workspacesList.createButtonShort", "Create")
+										children: s(M, "workspacesList.createButtonShort", "Create")
 									})
 								]
 							})
@@ -133,86 +144,86 @@ function O() {
 					]
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "relative",
 				"data-tour": "workspaces-search-input",
-				children: [/* @__PURE__ */ v(h, {
+				children: [/* @__PURE__ */ y(g, {
 					className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
 					size: 20
-				}), /* @__PURE__ */ v(S, {
-					placeholder: s(O, "workspacesList.searchPlaceholder", "Search workspaces..."),
-					value: z,
+				}), /* @__PURE__ */ y(E, {
+					placeholder: s(M, "workspacesList.searchPlaceholder", "Search workspaces..."),
+					value: U,
 					onChange: (e) => {
-						B(e.target.value);
+						W(e.target.value);
 					},
 					className: "pl-[3.25rem]"
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "space-y-4 sm:space-y-6",
 				"data-tour": "workspaces-view-container",
-				children: U ? /* @__PURE__ */ v("div", {
+				children: q ? /* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
-					children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ y("div", {
-						className: "space-y-3 p-6 border rounded-lg",
-						children: [/* @__PURE__ */ y("div", {
+					children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ b("div", {
+						className: "space-y-3 p-6 border border-border-seam rounded-lg",
+						children: [/* @__PURE__ */ b("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ v(C, { className: "size-12 rounded-lg" }), /* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ y(D, { className: "size-12 rounded-lg" }), /* @__PURE__ */ b("div", {
 								className: "space-y-2 flex-1",
-								children: [/* @__PURE__ */ v(C, { className: "h-4 w-3/4" }), /* @__PURE__ */ v(C, { className: "h-3 w-1/2" })]
+								children: [/* @__PURE__ */ y(D, { className: "h-4 w-3/4" }), /* @__PURE__ */ y(D, { className: "h-3 w-1/2" })]
 							})]
-						}), /* @__PURE__ */ v(C, { className: "h-3 w-1/3" })]
+						}), /* @__PURE__ */ y(D, { className: "h-3 w-1/3" })]
 					}, t))
-				}) : Y?.items.length === 0 ? /* @__PURE__ */ y("div", {
+				}) : $?.items.length === 0 ? /* @__PURE__ */ b("div", {
 					className: "flex flex-col items-center justify-center py-12 text-center",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "rounded-full bg-bg-sunken p-6 mb-4",
-							children: /* @__PURE__ */ v(d, {
+							children: /* @__PURE__ */ y(d, {
 								size: 48,
 								className: "text-text-secondary"
 							})
 						}),
-						/* @__PURE__ */ v("h3", {
+						/* @__PURE__ */ y("h3", {
 							className: "text-lg font-semibold mb-2",
-							children: s(O, "workspacesList.emptyTitle", "No workspaces found")
+							children: s(M, "workspacesList.emptyTitle", "No workspaces found")
 						}),
-						/* @__PURE__ */ v("p", {
+						/* @__PURE__ */ y("p", {
 							className: "text-text-secondary mb-4 max-w-sm",
-							children: I.search ? s(O, "workspacesList.emptySearchHint", "Try adjusting your search criteria") : s(O, "workspacesList.emptyCreateHint", "Get started by creating your first workspace")
+							children: B.search ? s(M, "workspacesList.emptySearchHint", "Try adjusting your search criteria") : s(M, "workspacesList.emptyCreateHint", "Get started by creating your first workspace")
 						}),
-						!I.search && /* @__PURE__ */ v(E, {
+						!B.search && /* @__PURE__ */ y(A, {
 							permission: o.WORKSPACE_CREATE,
 							deniedBehavior: "disable",
-							deniedTooltip: s(O, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
-							children: /* @__PURE__ */ y(x, {
-								onClick: R,
+							deniedTooltip: s(M, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
+							children: /* @__PURE__ */ b(x, {
+								onClick: H,
 								className: "gap-2",
-								children: [/* @__PURE__ */ v(m, { size: 20 }), s(O, "workspacesList.createFirstButton", "Create Your First Workspace")]
+								children: [/* @__PURE__ */ y(h, { size: 20 }), s(M, "workspacesList.createFirstButton", "Create Your First Workspace")]
 							})
 						})
 					]
-				}) : /* @__PURE__ */ y(_, { children: [P === "list" ? /* @__PURE__ */ v("div", {
+				}) : /* @__PURE__ */ b(v, { children: [R === "list" ? /* @__PURE__ */ y("div", {
 					className: "space-y-3",
-					children: Y?.items.map((e) => /* @__PURE__ */ v(a, { workspace: e }, e.id))
-				}) : /* @__PURE__ */ v("div", {
+					children: $?.items.map((e) => /* @__PURE__ */ y(a, { workspace: e }, e.id))
+				}) : /* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
-					children: Y?.items.map((e) => /* @__PURE__ */ v(a, { workspace: e }, e.id))
-				}), Y && Y.total > 0 && /* @__PURE__ */ y("div", {
+					children: $?.items.map((e) => /* @__PURE__ */ y(a, { workspace: e }, e.id))
+				}), $ && $.total > 0 && /* @__PURE__ */ b("div", {
 					className: "flex items-center justify-between text-sm text-text-secondary",
-					children: [/* @__PURE__ */ y("p", { children: [
-						s(O, "workspacesList.showing", "Showing"),
+					children: [/* @__PURE__ */ b("p", { children: [
+						s(M, "workspacesList.showing", "Showing"),
 						" ",
-						Y.items.length,
+						$.items.length,
 						" ",
-						s(O, "workspacesList.of", "of"),
+						s(M, "workspacesList.of", "of"),
 						" ",
-						Y.total,
+						$.total,
 						" ",
-						Y.total === 1 ? s(O, "workspacesList.workspace", "workspace") : s(O, "workspacesList.workspaces", "workspaces")
-					] }), Y.hasMore && /* @__PURE__ */ v("p", {
+						$.total === 1 ? s(M, "workspacesList.workspace", "workspace") : s(M, "workspacesList.workspaces", "workspaces")
+					] }), $.hasMore && /* @__PURE__ */ y("p", {
 						className: "text-xs",
-						children: s(O, "workspacesList.moreAvailable", "More workspaces available - pagination coming soon")
+						children: s(M, "workspacesList.moreAvailable", "More workspaces available - pagination coming soon")
 					})]
 				})] })
 			})
@@ -220,6 +231,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as WorkspacesListPage };
+export { M as WorkspacesListPage };
 
 //# sourceMappingURL=WorkspacesListPage.js.map

package/dist/pages/WorkspacesListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesListPage.js","names":[],"sources":["../../src/pages/WorkspacesListPage.tsx"],"sourcesContent":["import { Plus, Grid3X3, List as ListIcon, Search, Mail, UserPlus } from 'lucide-react';\nimport { Badge, Button, Input, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useNavigate } from 'react-router-dom';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useMyWorkspaces } from '../hooks/useWorkspaces';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\nimport { WorkspaceCard } from '../components/WorkspaceCard';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useState, useEffect } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspacesListPage() {\n  useWorkspacesPageView('workspaces.list');\n  const { t } = useI18n();\n\n  const navigate = useNavigate();\n  const { basePath = '/', currentUser, workspaceId: currentWorkspaceId } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { viewMode, setViewMode, workspaceFilters, setWorkspaceFilters } = useWorkspacesStore();\n\n  // Navigate to unified workspace creation page\n  const handleCreateWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/new`));\n  };\n\n  const [searchValue, setSearchValue] = useState(workspaceFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    if (debouncedSearch !== workspaceFilters.search) {\n      setWorkspaceFilters({ search: debouncedSearch });\n    }\n  }, [debouncedSearch, workspaceFilters.search, setWorkspaceFilters]);\n\n  const { data: rawData, isLoading, error } = useMyWorkspaces();\n  const { data: pendingInvitations = [] } = useMyPendingInvitations(currentUser?.email);\n  const pendingInvitesCount = pendingInvitations.length;\n\n  const handleOpenPendingInvites = () => {\n    navigate(withCurrentSearch(`${basePath}/invites`));\n  };\n\n  const handleInviteMember = () => {\n    if (!currentWorkspaceId) {\n      return;\n    }\n\n    navigate(withCurrentSearch(`${basePath}/${currentWorkspaceId}/invite`));\n  };\n\n  // Client-side search filtering (myWorkspaces doesn't accept filter args)\n  const data = rawData\n    ? {\n        ...rawData,\n        items: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            )\n          : rawData.items,\n        total: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            ).length\n          : rawData.total,\n      }\n    : undefined;\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n  };\n\n  if (error) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div className=\"flex flex-col items-center justify-center py-12\">\n          <p className=\"text-status-error-text text-lg font-semibold\">\n            {tWithFallback(t, 'workspacesList.loadError', 'Error loading workspaces')}\n          </p>\n          <p className=\"text-text-secondary text-sm mt-2\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'workspacesList.unknownError', 'Unknown error')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header with title + actions */}\n      <div\n        className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\"\n        data-tour=\"workspaces-list-header\"\n      >\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tWithFallback(t, 'workspacesList.title', 'Workspaces')}\n          </h1>\n          <p className=\"text-sm sm:text-base text-text-secondary\">\n            {tWithFallback(t, 'workspacesList.description', 'Manage and organize your workspaces')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\" data-tour=\"workspaces-list-actions\">\n          {/* View mode toggle */}\n          <Button\n            variant={viewMode === 'grid' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('grid')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.gridViewAriaLabel',\n              'Show workspaces in grid view'\n            )}\n            title={tWithFallback(t, 'workspacesList.gridViewTitle', 'Grid view')}\n          >\n            <Grid3X3 size={20} />\n          </Button>\n          <Button\n            variant={viewMode === 'list' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('list')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.listViewAriaLabel',\n              'Show workspaces in list view'\n            )}\n            title={tWithFallback(t, 'workspacesList.listViewTitle', 'List view')}\n          >\n            <ListIcon size={20} />\n          </Button>\n          <PermissionButton\n            permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n            deniedBehavior=\"disable\"\n            deniedTooltip={tWithFallback(\n              t,\n              'workspacesList.inviteDeniedTooltip',\n              \"You don't have permission to invite members into the current workspace\"\n            )}\n          >\n            <Button\n              variant=\"outline\"\n              onClick={handleInviteMember}\n              className=\"gap-2\"\n              disabled={!currentWorkspaceId}\n              title={\n                currentWorkspaceId\n                  ? tWithFallback(\n                      t,\n                      'workspacesList.inviteMemberTitle',\n                      'Invite members into the current workspace'\n                    )\n                  : tWithFallback(\n                      t,\n                      'workspacesList.inviteMemberNoWorkspaceTitle',\n                      'Select a current workspace first'\n                    )\n              }\n            >\n              <UserPlus size={18} />\n              <span>{tWithFallback(t, 'workspacesList.inviteMemberButton', 'Invite Member')}</span>\n            </Button>\n          </PermissionButton>\n          <Button variant=\"outline\" onClick={handleOpenPendingInvites} className=\"gap-2\">\n            <Mail size={18} />\n            <span>\n              {tWithFallback(t, 'workspacesList.pendingInvitesButton', 'Pending Invites')}\n            </span>\n            {pendingInvitesCount > 0 ? (\n              <Badge variant=\"secondary\">{pendingInvitesCount}</Badge>\n            ) : null}\n          </Button>\n          <PermissionButton\n            permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n            deniedBehavior=\"disable\"\n            deniedTooltip={tWithFallback(\n              t,\n              'workspacesList.createDeniedTooltip',\n              \"You don't have permission to create workspaces\"\n            )}\n          >\n            <Button\n              onClick={handleCreateWorkspace}\n              className=\"gap-2\"\n              data-tour=\"workspaces-create-button\"\n            >\n              <Plus size={20} />\n              <span className=\"hidden sm:inline\">\n                {tWithFallback(t, 'workspacesList.createButton', 'Create Workspace')}\n              </span>\n              <span className=\"sm:hidden\">\n                {tWithFallback(t, 'workspacesList.createButtonShort', 'Create')}\n              </span>\n            </Button>\n          </PermissionButton>\n        </div>\n      </div>\n\n      {/* Search */}\n      <div className=\"relative\" data-tour=\"workspaces-search-input\">\n        <Search\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n          size={20}\n        />\n        <Input\n          placeholder={tWithFallback(t, 'workspacesList.searchPlaceholder', 'Search workspaces...')}\n          value={searchValue}\n          onChange={handleSearchChange}\n          className=\"pl-[3.25rem]\"\n        />\n      </div>\n\n      {/* Content */}\n      <div className=\"space-y-4 sm:space-y-6\" data-tour=\"workspaces-view-container\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"space-y-3 p-6 border rounded-lg\">\n                <div className=\"flex items-center gap-3\">\n                  <Skeleton className=\"size-12 rounded-lg\" />\n                  <div className=\"space-y-2 flex-1\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n                <Skeleton className=\"h-3 w-1/3\" />\n              </div>\n            ))}\n          </div>\n        ) : data?.items.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Grid3X3 size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'workspacesList.emptyTitle', 'No workspaces found')}\n            </h3>\n            <p className=\"text-text-secondary mb-4 max-w-sm\">\n              {workspaceFilters.search\n                ? tWithFallback(\n                    t,\n                    'workspacesList.emptySearchHint',\n                    'Try adjusting your search criteria'\n                  )\n                : tWithFallback(\n                    t,\n                    'workspacesList.emptyCreateHint',\n                    'Get started by creating your first workspace'\n                  )}\n            </p>\n            {!workspaceFilters.search && (\n              <PermissionButton\n                permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n                deniedBehavior=\"disable\"\n                deniedTooltip={tWithFallback(\n                  t,\n                  'workspacesList.createDeniedTooltip',\n                  \"You don't have permission to create workspaces\"\n                )}\n              >\n                <Button onClick={handleCreateWorkspace} className=\"gap-2\">\n                  <Plus size={20} />\n                  {tWithFallback(\n                    t,\n                    'workspacesList.createFirstButton',\n                    'Create Your First Workspace'\n                  )}\n                </Button>\n              </PermissionButton>\n            )}\n          </div>\n        ) : (\n          <>\n            {/* View */}\n            {viewMode === 'list' ? (\n              <div className=\"space-y-3\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            ) : (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            )}\n\n            {/* Pagination info */}\n            {data && data.total > 0 && (\n              <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                <p>\n                  {tWithFallback(t, 'workspacesList.showing', 'Showing')} {data.items.length}{' '}\n                  {tWithFallback(t, 'workspacesList.of', 'of')} {data.total}{' '}\n                  {data.total !== 1\n                    ? tWithFallback(t, 'workspacesList.workspaces', 'workspaces')\n                    : tWithFallback(t, 'workspacesList.workspace', 'workspace')}\n                </p>\n                {data.hasMore && (\n                  <p className=\"text-xs\">\n                    {tWithFallback(\n                      t,\n                      'workspacesList.moreAvailable',\n                      'More workspaces available - pagination coming soon'\n                    )}\n                  </p>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspacesListPage.js","names":[],"sources":["../../src/pages/WorkspacesListPage.tsx"],"sourcesContent":["import { Plus, Grid3X3, List as ListIcon, Search, Mail, UserPlus } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Input,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useMyWorkspaces } from '../hooks/useWorkspaces';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\nimport { WorkspaceCard } from '../components/WorkspaceCard';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useState, useEffect } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspacesListPage() {\n  useWorkspacesPageView('workspaces.list');\n  const { t } = useI18n();\n\n  const navigate = useNavigate();\n  const { basePath = '/', currentUser, workspaceId: currentWorkspaceId } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { viewMode, setViewMode, workspaceFilters, setWorkspaceFilters } = useWorkspacesStore();\n\n  // Navigate to unified workspace creation page\n  const handleCreateWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/new`));\n  };\n\n  const [searchValue, setSearchValue] = useState(workspaceFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    if (debouncedSearch !== workspaceFilters.search) {\n      setWorkspaceFilters({ search: debouncedSearch });\n    }\n  }, [debouncedSearch, workspaceFilters.search, setWorkspaceFilters]);\n\n  const { data: rawData, isLoading, error } = useMyWorkspaces();\n  const { data: pendingInvitations = [] } = useMyPendingInvitations(currentUser?.email);\n  const pendingInvitesCount = pendingInvitations.length;\n\n  const handleOpenPendingInvites = () => {\n    navigate(withCurrentSearch(`${basePath}/invites`));\n  };\n\n  const handleInviteMember = () => {\n    if (!currentWorkspaceId) {\n      return;\n    }\n\n    navigate(withCurrentSearch(`${basePath}/${currentWorkspaceId}/invite`));\n  };\n\n  // Client-side search filtering (myWorkspaces doesn't accept filter args)\n  const data = rawData\n    ? {\n        ...rawData,\n        items: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            )\n          : rawData.items,\n        total: debouncedSearch\n          ? rawData.items.filter((ws) =>\n              ws.name.toLowerCase().includes(debouncedSearch.toLowerCase())\n            ).length\n          : rawData.total,\n      }\n    : undefined;\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n  };\n\n  if (error) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <div className=\"flex flex-col items-center justify-center py-12\">\n          <p className=\"text-status-error-text text-lg font-semibold\">\n            {tWithFallback(t, 'workspacesList.loadError', 'Error loading workspaces')}\n          </p>\n          <p className=\"text-text-secondary text-sm mt-2\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'workspacesList.unknownError', 'Unknown error')}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header with title + actions */}\n      <div\n        className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3\"\n        data-tour=\"workspaces-list-header\"\n      >\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">\n            {tWithFallback(t, 'workspacesList.title', 'Workspaces')}\n          </h1>\n          <p className=\"text-sm sm:text-base text-text-secondary\">\n            {tWithFallback(t, 'workspacesList.description', 'Manage and organize your workspaces')}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\" data-tour=\"workspaces-list-actions\">\n          {/* View mode toggle */}\n          <Button\n            variant={viewMode === 'grid' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('grid')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.gridViewAriaLabel',\n              'Show workspaces in grid view'\n            )}\n            title={tWithFallback(t, 'workspacesList.gridViewTitle', 'Grid view')}\n          >\n            <Grid3X3 size={20} />\n          </Button>\n          <Button\n            variant={viewMode === 'list' ? 'default' : 'outline'}\n            size=\"icon\"\n            onClick={() => setViewMode('list')}\n            className=\"hidden sm:flex\"\n            aria-label={tWithFallback(\n              t,\n              'workspacesList.listViewAriaLabel',\n              'Show workspaces in list view'\n            )}\n            title={tWithFallback(t, 'workspacesList.listViewTitle', 'List view')}\n          >\n            <ListIcon size={20} />\n          </Button>\n          {/* Secondary actions collapsed into an overflow \"More\" menu */}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"outline\" size=\"icon\" aria-label=\"More actions\" className=\"relative\">\n                <MoreHorizontal size={18} />\n                {pendingInvitesCount > 0 ? (\n                  <span className=\"absolute -top-1 -right-1 flex size-2 rounded-full bg-action-primary-bg\" />\n                ) : null}\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <PermissionButton\n                permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                deniedBehavior=\"disable\"\n                deniedTooltip={tWithFallback(\n                  t,\n                  'workspacesList.inviteDeniedTooltip',\n                  \"You don't have permission to invite members into the current workspace\"\n                )}\n              >\n                <DropdownMenuItem\n                  onSelect={handleInviteMember}\n                  disabled={!currentWorkspaceId}\n                  className=\"gap-2\"\n                >\n                  <UserPlus size={16} />\n                  {tWithFallback(t, 'workspacesList.inviteMemberButton', 'Invite Member')}\n                </DropdownMenuItem>\n              </PermissionButton>\n              <DropdownMenuItem onSelect={handleOpenPendingInvites} className=\"gap-2\">\n                <Mail size={16} />\n                <span className=\"flex-1\">\n                  {tWithFallback(t, 'workspacesList.pendingInvitesButton', 'Pending Invites')}\n                </span>\n                {pendingInvitesCount > 0 ? (\n                  <Badge variant=\"secondary\">{pendingInvitesCount}</Badge>\n                ) : null}\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <PermissionButton\n            permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n            deniedBehavior=\"disable\"\n            deniedTooltip={tWithFallback(\n              t,\n              'workspacesList.createDeniedTooltip',\n              \"You don't have permission to create workspaces\"\n            )}\n          >\n            <Button\n              onClick={handleCreateWorkspace}\n              className=\"gap-2\"\n              data-tour=\"workspaces-create-button\"\n            >\n              <Plus size={20} />\n              <span className=\"hidden sm:inline\">\n                {tWithFallback(t, 'workspacesList.createButton', 'Create Workspace')}\n              </span>\n              <span className=\"sm:hidden\">\n                {tWithFallback(t, 'workspacesList.createButtonShort', 'Create')}\n              </span>\n            </Button>\n          </PermissionButton>\n        </div>\n      </div>\n\n      {/* Search */}\n      <div className=\"relative\" data-tour=\"workspaces-search-input\">\n        <Search\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary\"\n          size={20}\n        />\n        <Input\n          placeholder={tWithFallback(t, 'workspacesList.searchPlaceholder', 'Search workspaces...')}\n          value={searchValue}\n          onChange={handleSearchChange}\n          className=\"pl-[3.25rem]\"\n        />\n      </div>\n\n      {/* Content */}\n      <div className=\"space-y-4 sm:space-y-6\" data-tour=\"workspaces-view-container\">\n        {isLoading ? (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div key={i} className=\"space-y-3 p-6 border border-border-seam rounded-lg\">\n                <div className=\"flex items-center gap-3\">\n                  <Skeleton className=\"size-12 rounded-lg\" />\n                  <div className=\"space-y-2 flex-1\">\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-3 w-1/2\" />\n                  </div>\n                </div>\n                <Skeleton className=\"h-3 w-1/3\" />\n              </div>\n            ))}\n          </div>\n        ) : data?.items.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Grid3X3 size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'workspacesList.emptyTitle', 'No workspaces found')}\n            </h3>\n            <p className=\"text-text-secondary mb-4 max-w-sm\">\n              {workspaceFilters.search\n                ? tWithFallback(\n                    t,\n                    'workspacesList.emptySearchHint',\n                    'Try adjusting your search criteria'\n                  )\n                : tWithFallback(\n                    t,\n                    'workspacesList.emptyCreateHint',\n                    'Get started by creating your first workspace'\n                  )}\n            </p>\n            {!workspaceFilters.search && (\n              <PermissionButton\n                permission={WORKSPACE_PERMISSIONS.WORKSPACE_CREATE}\n                deniedBehavior=\"disable\"\n                deniedTooltip={tWithFallback(\n                  t,\n                  'workspacesList.createDeniedTooltip',\n                  \"You don't have permission to create workspaces\"\n                )}\n              >\n                <Button onClick={handleCreateWorkspace} className=\"gap-2\">\n                  <Plus size={20} />\n                  {tWithFallback(\n                    t,\n                    'workspacesList.createFirstButton',\n                    'Create Your First Workspace'\n                  )}\n                </Button>\n              </PermissionButton>\n            )}\n          </div>\n        ) : (\n          <>\n            {/* View */}\n            {viewMode === 'list' ? (\n              <div className=\"space-y-3\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            ) : (\n              <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n                {data?.items.map((workspace) => (\n                  <WorkspaceCard key={workspace.id} workspace={workspace} />\n                ))}\n              </div>\n            )}\n\n            {/* Pagination info */}\n            {data && data.total > 0 && (\n              <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                <p>\n                  {tWithFallback(t, 'workspacesList.showing', 'Showing')} {data.items.length}{' '}\n                  {tWithFallback(t, 'workspacesList.of', 'of')} {data.total}{' '}\n                  {data.total !== 1\n                    ? tWithFallback(t, 'workspacesList.workspaces', 'workspaces')\n                    : tWithFallback(t, 'workspacesList.workspace', 'workspace')}\n                </p>\n                {data.hasMore && (\n                  <p className=\"text-xs\">\n                    {tWithFallback(\n                      t,\n                      'workspacesList.moreAvailable',\n                      'More workspaces available - pagination coming soon'\n                    )}\n                  </p>\n                )}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/dashboard/WidgetWrapper.js

@@ -1,7 +1,7 @@
 import { tWithFallback as e } from "../../utils/i18n.js";
 import { AlertCircle as t, WifiOff as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Card as a, CardContent as o, CardHeader as s, CardTitle as c, Skeleton as l } from "@burdenoff/fe-libs/ui";
+import { CardContent as a, CardHeader as o, CardTitle as s, GlassCard as c, Skeleton as l } from "@burdenoff/fe-libs/ui";
 import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/WidgetWrapper.tsx
 function d(e) {
@@ -49,15 +49,16 @@ function m() {
 	});
 }
 function h({ title: e, icon: t, size: n, isLoading: l, error: u, unavailable: h, headerAction: g, children: _, className: v = "" }) {
-	return /* @__PURE__ */ i(a, {
-		className: `${d(n)} transition-all duration-200 hover:shadow-md border border-border-default bg-bg-surface ${v}`,
-		children: [/* @__PURE__ */ i(s, {
+	return /* @__PURE__ */ i(c, {
+		treatment: "insight",
+		className: `${d(n)} border-border-seam bg-bg-surface ${v}`,
+		children: [/* @__PURE__ */ i(o, {
 			className: "flex flex-row items-center justify-between pb-2 gap-y-0",
-			children: [/* @__PURE__ */ i(c, {
+			children: [/* @__PURE__ */ i(s, {
 				className: "text-sm font-semibold text-text-primary flex items-center gap-2",
 				children: [t, e]
 			}), g]
-		}), /* @__PURE__ */ r(o, {
+		}), /* @__PURE__ */ r(a, {
 			className: "pt-0",
 			children: l ? /* @__PURE__ */ r(f, {}) : u ? /* @__PURE__ */ r(p, { message: u }) : h ? /* @__PURE__ */ r(m, {}) : _
 		})]

package/dist/pages/dashboard/WidgetWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetWrapper.js","names":[],"sources":["../../../src/pages/dashboard/WidgetWrapper.tsx"],"sourcesContent":["/**\n * WidgetWrapper — Common wrapper for all dashboard widgets.\n *\n * Provides consistent card styling, loading skeleton, error state,\n * and unavailable state.\n */\nimport { type ReactNode } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\nimport { AlertCircle, WifiOff } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetSize } from './types';\n\ninterface WidgetWrapperProps {\n  title: string;\n  icon?: ReactNode;\n  size: WidgetSize;\n  isLoading?: boolean;\n  error?: string | null;\n  unavailable?: boolean;\n  headerAction?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nfunction getColSpan(size: WidgetSize): string {\n  switch (size) {\n    case 'large':\n      return 'col-span-1 sm:col-span-2 lg:col-span-3';\n    case 'medium':\n      return 'col-span-1 sm:col-span-2 lg:col-span-2 xl:col-span-2 2xl:col-span-1';\n    case 'small':\n      return 'col-span-1';\n    default:\n      return 'col-span-1';\n  }\n}\n\nfunction LoadingSkeleton() {\n  return (\n    <div className=\"space-y-3 p-1\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-20 w-full\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n\nfunction ErrorState({ message }: { message: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-status-error-bg/10 p-2 mb-2\">\n        <AlertCircle className=\"size-5 text-status-error-text\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">{message}</p>\n    </div>\n  );\n}\n\nfunction UnavailableState() {\n  const { t } = useI18n();\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-bg-sunken p-2 mb-2\">\n        <WifiOff className=\"size-5 text-text-secondary\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">\n        {tWithFallback(t, 'widgetWrapper.serviceUnavailable', 'Service unavailable')}\n      </p>\n    </div>\n  );\n}\n\nexport function WidgetWrapper({\n  title,\n  icon,\n  size,\n  isLoading,\n  error,\n  unavailable,\n  headerAction,\n  children,\n  className = '',\n}: WidgetWrapperProps) {\n  const colSpan = getColSpan(size);\n\n  return (\n    <Card\n      className={`${colSpan} transition-all duration-200 hover:shadow-md border border-border-default bg-bg-surface ${className}`}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2 gap-y-0\">\n        <CardTitle className=\"text-sm font-semibold text-text-primary flex items-center gap-2\">\n          {icon}\n          {title}\n        </CardTitle>\n        {headerAction}\n      </CardHeader>\n      <CardContent className=\"pt-0\">\n        {isLoading ? (\n          <LoadingSkeleton />\n        ) : error ? (\n          <ErrorState message={error} />\n        ) : unavailable ? (\n          <UnavailableState />\n        ) : (\n          children\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;AA0BA,SAAS,EAAW,GAA0B;AAC5C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,IAAkB;AACzB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;GACpC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAC9B;;;AAIV,SAAS,EAAW,EAAE,cAAgC;AACpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAa,WAAU,iCAAkC,CAAA;GACrD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAY,CAAA,CACpD;;;AAIV,SAAS,IAAmB;CAC1B,IAAM,EAAE,MAAM,GAAS;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,8BAA+B,CAAA;GAC9C,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aACV,EAAc,GAAG,oCAAoC,sBAAsB;GAC1E,CAAA,CACA;;;AAIV,SAAgB,EAAc,EAC5B,UACA,SACA,SACA,cACA,UACA,gBACA,iBACA,aACA,eAAY,MACS;AAGrB,QACE,kBAAC,GAAD;EACE,WAAW,GAJC,EAAW,EAAK,CAIN,0FAA0F;YADlH,CAGE,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACG,GACA,EACS;OACX,EACU;MACb,kBAAC,GAAD;GAAa,WAAU;aACpB,IACC,kBAAC,GAAD,EAAmB,CAAA,GACjB,IACF,kBAAC,GAAD,EAAY,SAAS,GAAS,CAAA,GAC5B,IACF,kBAAC,GAAD,EAAoB,CAAA,GAEpB;GAEU,CAAA,CACT"}
+{"version":3,"file":"WidgetWrapper.js","names":[],"sources":["../../../src/pages/dashboard/WidgetWrapper.tsx"],"sourcesContent":["/**\n * WidgetWrapper — Common wrapper for all dashboard widgets.\n *\n * Provides consistent card styling, loading skeleton, error state,\n * and unavailable state.\n */\nimport { type ReactNode } from 'react';\nimport { GlassCard, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\nimport { AlertCircle, WifiOff } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../../utils/i18n';\nimport type { WidgetSize } from './types';\n\ninterface WidgetWrapperProps {\n  title: string;\n  icon?: ReactNode;\n  size: WidgetSize;\n  isLoading?: boolean;\n  error?: string | null;\n  unavailable?: boolean;\n  headerAction?: ReactNode;\n  children: ReactNode;\n  className?: string;\n}\n\nfunction getColSpan(size: WidgetSize): string {\n  switch (size) {\n    case 'large':\n      return 'col-span-1 sm:col-span-2 lg:col-span-3';\n    case 'medium':\n      return 'col-span-1 sm:col-span-2 lg:col-span-2 xl:col-span-2 2xl:col-span-1';\n    case 'small':\n      return 'col-span-1';\n    default:\n      return 'col-span-1';\n  }\n}\n\nfunction LoadingSkeleton() {\n  return (\n    <div className=\"space-y-3 p-1\">\n      <Skeleton className=\"h-4 w-3/4\" />\n      <Skeleton className=\"h-4 w-1/2\" />\n      <Skeleton className=\"h-20 w-full\" />\n      <Skeleton className=\"h-4 w-2/3\" />\n    </div>\n  );\n}\n\nfunction ErrorState({ message }: { message: string }) {\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-status-error-bg/10 p-2 mb-2\">\n        <AlertCircle className=\"size-5 text-status-error-text\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">{message}</p>\n    </div>\n  );\n}\n\nfunction UnavailableState() {\n  const { t } = useI18n();\n\n  return (\n    <div className=\"flex flex-col items-center justify-center py-6 text-center\">\n      <div className=\"rounded-full bg-bg-sunken p-2 mb-2\">\n        <WifiOff className=\"size-5 text-text-secondary\" />\n      </div>\n      <p className=\"text-sm text-text-secondary\">\n        {tWithFallback(t, 'widgetWrapper.serviceUnavailable', 'Service unavailable')}\n      </p>\n    </div>\n  );\n}\n\nexport function WidgetWrapper({\n  title,\n  icon,\n  size,\n  isLoading,\n  error,\n  unavailable,\n  headerAction,\n  children,\n  className = '',\n}: WidgetWrapperProps) {\n  const colSpan = getColSpan(size);\n\n  return (\n    <GlassCard\n      treatment=\"insight\"\n      className={`${colSpan} border-border-seam bg-bg-surface ${className}`}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2 gap-y-0\">\n        <CardTitle className=\"text-sm font-semibold text-text-primary flex items-center gap-2\">\n          {icon}\n          {title}\n        </CardTitle>\n        {headerAction}\n      </CardHeader>\n      <CardContent className=\"pt-0\">\n        {isLoading ? (\n          <LoadingSkeleton />\n        ) : error ? (\n          <ErrorState message={error} />\n        ) : unavailable ? (\n          <UnavailableState />\n        ) : (\n          children\n        )}\n      </CardContent>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;AA0BA,SAAS,EAAW,GAA0B;AAC5C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,IAAkB;AACzB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAClC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA;GACpC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;GAC9B;;;AAIV,SAAS,EAAW,EAAE,cAAgC;AACpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAa,WAAU,iCAAkC,CAAA;GACrD,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAY,CAAA,CACpD;;;AAIV,SAAS,IAAmB;CAC1B,IAAM,EAAE,MAAM,GAAS;AAEvB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,8BAA+B,CAAA;GAC9C,CAAA,EACN,kBAAC,KAAD;GAAG,WAAU;aACV,EAAc,GAAG,oCAAoC,sBAAsB;GAC1E,CAAA,CACA;;;AAIV,SAAgB,EAAc,EAC5B,UACA,SACA,SACA,cACA,UACA,gBACA,iBACA,aACA,eAAY,MACS;AAGrB,QACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,GALC,EAAW,EAAK,CAKN,oCAAoC;YAF5D,CAIE,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACG,GACA,EACS;OACX,EACU;MACb,kBAAC,GAAD;GAAa,WAAU;aACpB,IACC,kBAAC,GAAD,EAAmB,CAAA,GACjB,IACF,kBAAC,GAAD,EAAY,SAAS,GAAS,CAAA,GAC5B,IACF,kBAAC,GAAD,EAAoB,CAAA,GAEpB;GAEU,CAAA,CACJ"}