@open-mercato/ui 0.7.1-develop.7186.1.6e080a5017 → 0.7.1-develop.7193.1.910a5b0a1e

package/dist/backend/PerspectiveSidebar.js

@@ -62,6 +62,7 @@ function PerspectiveSidebar({
   const [sharedIds, setSharedIds] = React.useState(/* @__PURE__ */ new Set());
   const [pendingCloneBaselineIds, setPendingCloneBaselineIds] = React.useState(null);
   const autosaveRef = React.useRef(null);
+  const pendingAutosaveActionRef = React.useRef(null);
   const isDefaultUserChangeRef = React.useRef(false);
   const isDefaultRef = React.useRef(isDefault);
   isDefaultRef.current = isDefault;
@@ -69,41 +70,79 @@ function PerspectiveSidebar({
   onSaveRef.current = onSave;
   const perspectivesRef = React.useRef(perspectives);
   perspectivesRef.current = perspectives;
+  const rolePerspectivesRef = React.useRef(rolePerspectives);
+  rolePerspectivesRef.current = rolePerspectives;
+  const activePerspectiveIdRef = React.useRef(activePerspectiveId);
+  activePerspectiveIdRef.current = activePerspectiveId;
   const flushAutosave = React.useCallback(() => {
     if (autosaveRef.current) {
       clearTimeout(autosaveRef.current);
       autosaveRef.current = null;
     }
+    pendingAutosaveActionRef.current = null;
+  }, []);
+  const runPendingAutosave = React.useCallback(() => {
+    if (!autosaveRef.current) return;
+    clearTimeout(autosaveRef.current);
+    autosaveRef.current = null;
+    const pending = pendingAutosaveActionRef.current;
+    pendingAutosaveActionRef.current = null;
+    pending?.();
   }, []);
   const scheduleAutosave = React.useCallback(() => {
     if (!activePerspectiveId || mode.type === "new") return;
     const activePersonal = perspectivesRef.current.find((p) => p.id === activePerspectiveId);
-    if (!activePersonal) return;
+    if (!activePersonal) {
+      const activeRole = rolePerspectivesRef.current.find((p) => p.id === activePerspectiveId);
+      if (!activeRole) return;
+      flushAutosave();
+      const warnedId = activeRole.id;
+      const emitWarning = () => {
+        autosaveRef.current = null;
+        pendingAutosaveActionRef.current = null;
+        if (activePerspectiveIdRef.current !== warnedId) return;
+        flash(
+          t(
+            "ui.perspectives.autosave.sharedView",
+            "Shared views do not save automatically. Use Clone to keep these changes in your own view."
+          ),
+          "warning"
+        );
+      };
+      pendingAutosaveActionRef.current = emitWarning;
+      autosaveRef.current = setTimeout(emitWarning, 400);
+      return;
+    }
     flushAutosave();
     const targetId = activePersonal.id;
     const targetName = activePersonal.name;
-    autosaveRef.current = setTimeout(async () => {
+    const runSave = () => {
       autosaveRef.current = null;
-      try {
-        await onSaveRef.current({
-          name: targetName,
-          isDefault: isDefaultRef.current,
-          applyToRoles: [],
-          setRoleDefault: false,
-          perspectiveId: targetId
-        });
-        flash(t("ui.perspectives.autosave.success", "View saved"), "success");
-      } catch (err) {
-        if (surfaceRecordConflict(err, t)) return;
-        flash(t("ui.perspectives.autosave.error", "Failed to save view"), "error");
-      }
-    }, 400);
+      pendingAutosaveActionRef.current = null;
+      void (async () => {
+        try {
+          await onSaveRef.current({
+            name: targetName,
+            isDefault: isDefaultRef.current,
+            applyToRoles: [],
+            setRoleDefault: false,
+            perspectiveId: targetId
+          });
+          flash(t("ui.perspectives.autosave.success", "View saved"), "success");
+        } catch (err) {
+          if (surfaceRecordConflict(err, t)) return;
+          flash(t("ui.perspectives.autosave.error", "Failed to save view"), "error");
+        }
+      })();
+    };
+    pendingAutosaveActionRef.current = runSave;
+    autosaveRef.current = setTimeout(runSave, 400);
   }, [activePerspectiveId, mode.type, flushAutosave, t]);
   React.useEffect(() => {
     return () => {
-      flushAutosave();
+      runPendingAutosave();
     };
-  }, [flushAutosave]);
+  }, [runPendingAutosave]);
   const resetMode = () => {
     setMode({ type: "idle" });
     setName("");
@@ -127,7 +166,7 @@ function PerspectiveSidebar({
   };
   React.useEffect(() => {
     if (!open) {
-      flushAutosave();
+      runPendingAutosave();
       setError(null);
       resetMode();
       setRenamingId(null);
@@ -334,7 +373,7 @@ function PerspectiveSidebar({
               }
             ),
             (perspectives ?? emptyArray).map((p) => {
-              const isActive = activePerspectiveId === p.id;
+              const isActive = !isNew && activePerspectiveId === p.id;
               const deleting = deletingIds.includes(p.id);
               const isShared = sharedIds.has(p.id);
               return /* @__PURE__ */ jsx(
@@ -372,7 +411,7 @@ function PerspectiveSidebar({
               const rpName = rp.name.trim();
               return !perspectives.some((pp) => pp.name.trim() === rpName);
             }).map((p) => {
-              const isActive = activePerspectiveId === p.id;
+              const isActive = !isNew && activePerspectiveId === p.id;
               const clearing = roleClearingIds.includes(p.roleId);
               return /* @__PURE__ */ jsx(
                 ViewChip,

package/dist/backend/PerspectiveSidebar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/backend/PerspectiveSidebar.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { ArrowLeft, Plus } from 'lucide-react'\nimport { Alert } from '../primitives/alert'\nimport { Button } from '../primitives/button'\nimport { Checkbox } from '../primitives/checkbox'\nimport { Spinner } from '../primitives/spinner'\nimport { useConfirmDialog } from './confirm-dialog'\nimport { flash } from './FlashMessages'\nimport { surfaceRecordConflict } from './conflicts'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type {\n  PerspectiveDto,\n  PerspectiveSettings,\n  RolePerspectiveDto,\n} from '@open-mercato/shared/modules/perspectives/types'\nimport { ViewChip } from './views/ViewChip'\nimport { NewViewForm } from './views/NewViewForm'\nimport { ShareForm } from './views/ShareForm'\nimport { type SidebarMode } from './views/types'\nimport { ColumnChooserSection, type ColumnChooserField } from './columns/ColumnChooserPanel'\n\nexport type { ColumnChooserField } from './columns/ColumnChooserPanel'\n\nexport type PerspectiveSidebarProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  loading: boolean\n  perspectives: PerspectiveDto[]\n  rolePerspectives: RolePerspectiveDto[]\n  roles: Array<{ id: string; name: string; hasPerspective: boolean; hasDefault: boolean }>\n  activePerspectiveId: string | null\n  onActivatePerspective: (perspective: PerspectiveDto | RolePerspectiveDto, source: 'personal' | 'role') => void\n  onDeletePerspective: (perspectiveId: string) => Promise<void>\n  onClearRole: (perspective: RolePerspectiveDto) => Promise<void>\n  onSave: (input: { name: string; isDefault: boolean; applyToRoles: string[]; setRoleDefault: boolean; perspectiveId?: string | null; settings?: PerspectiveSettings }) => Promise<void>\n  canApplyToRoles: boolean\n  availableColumns: ColumnChooserField[]\n  visibleColumnKeys: string[]\n  columnOrder: string[]\n  onToggleColumn: (key: string) => void\n  onReorderColumns: (orderedIds: string[]) => void\n  saving: boolean\n  deletingIds: string[]\n  roleClearingIds: string[]\n  apiWarning?: string | null\n}\n\nconst emptyArray: any[] = []\n\nexport function PerspectiveSidebar({\n  open,\n  onOpenChange,\n  loading,\n  perspectives,\n  rolePerspectives,\n  roles,\n  activePerspectiveId,\n  onActivatePerspective,\n  onDeletePerspective,\n  onClearRole,\n  onSave,\n  canApplyToRoles,\n  availableColumns,\n  visibleColumnKeys,\n  columnOrder,\n  onToggleColumn,\n  onReorderColumns,\n  saving,\n  deletingIds,\n  roleClearingIds,\n  apiWarning,\n}: PerspectiveSidebarProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  React.useEffect(() => {\n    if (!open) return\n    if (typeof document === 'undefined') return\n    document.body.dataset.columnChooserOpen = 'true'\n    return () => {\n      delete document.body.dataset.columnChooserOpen\n    }\n  }, [open])\n\n  function perspectiveLabel(p: PerspectiveDto | RolePerspectiveDto) {\n    return p.name.trim().length ? p.name : t('ui.perspectives.untitled', 'Untitled view')\n  }\n\n  const [name, setName] = React.useState('')\n  const [isDefault, setIsDefault] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [mode, setMode] = React.useState<SidebarMode>({ type: 'idle' })\n  const [renamingId, setRenamingId] = React.useState<string | null>(null)\n  const [renameValue, setRenameValue] = React.useState('')\n  const [shareRoles, setShareRoles] = React.useState<string[]>([])\n  const [shareSetDefault, setShareSetDefault] = React.useState(false)\n  const [sharedIds, setSharedIds] = React.useState<Set<string>>(new Set())\n  const [pendingCloneBaselineIds, setPendingCloneBaselineIds] = React.useState<Set<string> | null>(null)\n\n  const autosaveRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const isDefaultUserChangeRef = React.useRef(false)\n  const isDefaultRef = React.useRef(isDefault)\n  isDefaultRef.current = isDefault\n\n  const onSaveRef = React.useRef(onSave)\n  onSaveRef.current = onSave\n\n  const perspectivesRef = React.useRef(perspectives)\n  perspectivesRef.current = perspectives\n\n  const flushAutosave = React.useCallback(() => {\n    if (autosaveRef.current) {\n      clearTimeout(autosaveRef.current)\n      autosaveRef.current = null\n    }\n  }, [])\n\n  const scheduleAutosave = React.useCallback(() => {\n    if (!activePerspectiveId || mode.type === 'new') return\n    const activePersonal = perspectivesRef.current.find((p) => p.id === activePerspectiveId)\n    if (!activePersonal) return\n    flushAutosave()\n    const targetId = activePersonal.id\n    const targetName = activePersonal.name\n    autosaveRef.current = setTimeout(async () => {\n      autosaveRef.current = null\n      try {\n        await onSaveRef.current({\n          name: targetName,\n          isDefault: isDefaultRef.current,\n          applyToRoles: [],\n          setRoleDefault: false,\n          perspectiveId: targetId,\n        })\n        flash(t('ui.perspectives.autosave.success', 'View saved'), 'success')\n      } catch (err: unknown) {\n        if (surfaceRecordConflict(err, t)) return\n        flash(t('ui.perspectives.autosave.error', 'Failed to save view'), 'error')\n      }\n    }, 400)\n  }, [activePerspectiveId, mode.type, flushAutosave, t])\n\n  React.useEffect(() => {\n    return () => { flushAutosave() }\n  }, [flushAutosave])\n\n  const resetMode = () => {\n    setMode({ type: 'idle' })\n    setName('')\n    setShareRoles([])\n    setShareSetDefault(false)\n  }\n\n  const startNewMode = () => {\n    setMode({ type: 'new' })\n    setName('')\n    setIsDefault(false)\n    setRenamingId(null)\n    setShareRoles([])\n    setShareSetDefault(false)\n  }\n\n  const startShareMode = (p: PerspectiveDto) => {\n    setMode({ type: 'share', perspectiveId: p.id, perspectiveName: p.name, perspectiveIsDefault: p.isDefault })\n    setName('')\n    setRenamingId(null)\n    setShareRoles([])\n    setShareSetDefault(false)\n  }\n\n  React.useEffect(() => {\n    if (!open) {\n      flushAutosave()\n      setError(null)\n      resetMode()\n      setRenamingId(null)\n      setSharedIds(new Set())\n      setPendingCloneBaselineIds(null)\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    const active = perspectives.find((p) => p.id === activePerspectiveId)\n      ?? rolePerspectives.find((p) => p.id === activePerspectiveId)\n    isDefaultUserChangeRef.current = false\n    if (active) {\n      setIsDefault(active.isDefault)\n    } else {\n      setIsDefault(false)\n    }\n    requestAnimationFrame(() => { isDefaultUserChangeRef.current = true })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, activePerspectiveId])\n\n  const handleSaveNew = async () => {\n    setError(null)\n    try {\n      await onSave({ name: name.trim(), isDefault, applyToRoles: [], setRoleDefault: false, perspectiveId: null })\n      resetMode()\n    } catch (err: unknown) {\n      if (surfaceRecordConflict(err, t)) return\n      setError(err instanceof Error ? err.message : 'Failed to save view')\n    }\n  }\n\n  const handleToggleColumnWithAutosave = React.useCallback((key: string) => {\n    onToggleColumn(key)\n    scheduleAutosave()\n  }, [onToggleColumn, scheduleAutosave])\n\n  const handleReorderColumnsWithAutosave = React.useCallback((orderedIds: string[]) => {\n    onReorderColumns(orderedIds)\n    scheduleAutosave()\n  }, [onReorderColumns, scheduleAutosave])\n\n  const handleRename = async (p: PerspectiveDto | RolePerspectiveDto) => {\n    const trimmed = renameValue.trim()\n    if (!trimmed) {\n      setRenamingId(null)\n      return\n    }\n    const conflict = perspectivesRef.current.some(\n      (item) => item.id !== p.id && item.name.trim() === trimmed,\n    )\n    if (conflict) {\n      flash(t('ui.perspectives.error.nameExists', 'View with this name already exists'), 'error')\n      return\n    }\n    setError(null)\n    try {\n      await onSave({\n        name: trimmed,\n        isDefault: p.isDefault,\n        applyToRoles: [],\n        setRoleDefault: false,\n        perspectiveId: p.id,\n      })\n      setRenamingId(null)\n    } catch (err: unknown) {\n      if (surfaceRecordConflict(err, t)) return\n      setError(err instanceof Error ? err.message : 'Failed to rename view')\n    }\n  }\n\n  const handleClone = async (p: PerspectiveDto | RolePerspectiveDto) => {\n    const originalName = perspectiveLabel(p)\n    setError(null)\n    const baseline = new Set(perspectivesRef.current.map((item) => item.id))\n    const originalSettingsKey = JSON.stringify(p.settings ?? {})\n    const sharedRoleIds = Array.from(\n      new Set(\n        rolePerspectives\n          .filter((rp) => JSON.stringify(rp.settings ?? {}) === originalSettingsKey)\n          .map((rp) => rp.roleId),\n      ),\n    )\n    const buildCloneName = (n: number) =>\n      n <= 1 ? `${originalName} (copy)` : `${originalName} (copy ${n})`\n    const existingNames = new Set(\n      perspectivesRef.current.map((item) => item.name.trim()),\n    )\n    let counter = 1\n    while (existingNames.has(buildCloneName(counter))) {\n      counter += 1\n    }\n    const clonedSettings = structuredClone(p.settings)\n    const MAX_ATTEMPTS = 50\n    let lastErr: unknown = null\n    for (let attempt = 0; attempt < MAX_ATTEMPTS; attempt += 1) {\n      try {\n        await onSave({\n          name: buildCloneName(counter),\n          isDefault: false,\n          applyToRoles: sharedRoleIds,\n          setRoleDefault: false,\n          perspectiveId: null,\n          settings: clonedSettings,\n        })\n        setPendingCloneBaselineIds(baseline)\n        return\n      } catch (err: unknown) {\n        const errMessage = err instanceof Error ? err.message : ''\n        const msg = errMessage.toLowerCase()\n        const isDuplicate = msg.includes('duplicate key') || msg.includes('unique constraint')\n        if (!isDuplicate) {\n          if (surfaceRecordConflict(err, t)) return\n          setError(errMessage || 'Failed to clone view')\n          return\n        }\n        lastErr = err\n        counter += 1\n      }\n    }\n    if (surfaceRecordConflict(lastErr, t)) return\n    setError(lastErr instanceof Error ? lastErr.message : 'Failed to clone view')\n  }\n\n  React.useEffect(() => {\n    if (!pendingCloneBaselineIds) return\n    const created = perspectives.find((item) => !pendingCloneBaselineIds.has(item.id))\n    if (!created) return\n    setRenamingId(created.id)\n    setRenameValue(created.name)\n    setPendingCloneBaselineIds(null)\n  }, [perspectives, pendingCloneBaselineIds])\n\n  const handleDelete = async (p: PerspectiveDto) => {\n    const confirmed = await confirm({\n      title: t('ui.perspectives.delete.title', 'Delete \"{name}\"?', { name: perspectiveLabel(p) }),\n      text: t('ui.perspectives.delete.text', 'This view will be removed for you and all shared roles. This cannot be undone.'),\n      confirmText: t('common.delete', 'Delete'),\n      variant: 'destructive',\n    })\n    if (confirmed) {\n      await onDeletePerspective(p.id)\n    }\n  }\n\n  const handleDeleteRole = async (p: RolePerspectiveDto) => {\n    const confirmed = await confirm({\n      title: t('ui.perspectives.delete.title', 'Delete \"{name}\"?', { name: perspectiveLabel(p) }),\n      text: t('ui.perspectives.deleteRole.text', 'This shared view will be removed for the role. This cannot be undone.'),\n      confirmText: t('common.delete', 'Delete'),\n      variant: 'destructive',\n    })\n    if (confirmed) {\n      await onClearRole(p)\n    }\n  }\n\n  const handleShareApply = async () => {\n    if (mode.type !== 'share') return\n    setError(null)\n    try {\n      await onSave({ name: mode.perspectiveName, isDefault: mode.perspectiveIsDefault, applyToRoles: shareRoles, setRoleDefault: shareSetDefault, perspectiveId: mode.perspectiveId })\n      setSharedIds((prev) => new Set([...prev, mode.perspectiveId]))\n      resetMode()\n    } catch (err: unknown) {\n      if (surfaceRecordConflict(err, t)) return\n      setError(err instanceof Error ? err.message : 'Failed to share view')\n    }\n  }\n\n  const toggleShareRole = (roleId: string) => {\n    setShareRoles((prev) => {\n      const next = new Set(prev)\n      if (next.has(roleId)) next.delete(roleId)\n      else next.add(roleId)\n      return Array.from(next)\n    })\n  }\n\n  if (!open) return null\n\n  const isNew = mode.type === 'new'\n  const isShare = mode.type === 'share'\n\n  return (\n    <div className=\"fixed inset-0 z-modal\">\n      <div className=\"absolute inset-0 bg-black/20\" onClick={() => onOpenChange(false)} role=\"presentation\" />\n      <div className=\"fixed right-0 top-0 h-full w-full sm:w-80 bg-background shadow-xl border-l flex flex-col\">\n        <div className=\"flex items-center p-4 border-b\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onOpenChange(false)}\n            className=\"h-auto -ml-2 gap-2 px-2 text-lg font-semibold hover:bg-transparent\"\n            aria-label={t('ui.perspectives.close', 'Close')}\n          >\n            <ArrowLeft className=\"size-5\" />\n            {t('ui.perspectives.title', 'Views')}\n          </Button>\n        </div>\n        <div className=\"flex-1 overflow-auto\">\n          {/* Saved views as chips */}\n          <section className=\"p-4 space-y-3\">\n            <h3 className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">{t('ui.perspectives.savedViews.title', 'Saved views')}</h3>\n            {loading ? <Spinner size=\"sm\" /> : null}\n            <div className=\"flex flex-wrap gap-1.5\">\n              {/* + New chip */}\n              <Button\n                type=\"button\"\n                variant={isNew ? 'secondary' : 'outline'}\n                size=\"sm\"\n                className={`h-8 px-3 py-1.5 text-sm ${!isNew ? 'border-dashed' : ''}`}\n                onClick={startNewMode}\n              >\n                <Plus className=\"size-3 mr-1\" />\n                {t('ui.perspectives.savedViews.new', 'New')}\n              </Button>\n              {(perspectives ?? emptyArray).map((p) => {\n                const isActive = activePerspectiveId === p.id\n                const deleting = deletingIds.includes(p.id)\n                const isShared = sharedIds.has(p.id)\n                return (\n                  <ViewChip\n                    key={p.id}\n                    id={p.id}\n                    label={perspectiveLabel(p)}\n                    kind=\"personal\"\n                    isActive={isActive}\n                    disabled={deleting}\n                    isShared={isShared}\n                    isRenaming={renamingId === p.id}\n                    renameValue={renameValue}\n                    canApplyToRoles={canApplyToRoles}\n                    deleting={deleting}\n                    onActivate={() => { onActivatePerspective(p, 'personal'); resetMode() }}\n                    onRenameValueChange={setRenameValue}\n                    onRenameConfirm={() => void handleRename(p)}\n                    onRenameCancel={() => setRenamingId(null)}\n                    onRenameStart={() => { setRenamingId(p.id); setRenameValue(p.name) }}\n                    onClone={() => void handleClone(p)}\n                    onShareStart={() => startShareMode(p)}\n                    onDelete={() => void handleDelete(p)}\n                  />\n                )\n              })}\n              {rolePerspectives\n                .filter((rp) => {\n                  const rpName = rp.name.trim()\n                  return !perspectives.some((pp) => pp.name.trim() === rpName)\n                })\n                .map((p) => {\n                const isActive = activePerspectiveId === p.id\n                const clearing = roleClearingIds.includes(p.roleId)\n                return (\n                  <ViewChip\n                    key={p.id}\n                    id={p.id}\n                    label={perspectiveLabel(p)}\n                    kind=\"role\"\n                    isActive={isActive}\n                    disabled={clearing}\n                    isShared={false}\n                    isRenaming={renamingId === p.id}\n                    renameValue={renameValue}\n                    canApplyToRoles={canApplyToRoles}\n                    deleting={clearing}\n                    onActivate={() => { onActivatePerspective(p, 'role'); resetMode() }}\n                    onRenameValueChange={setRenameValue}\n                    onRenameConfirm={() => void handleRename(p)}\n                    onRenameCancel={() => setRenamingId(null)}\n                    onClone={() => void handleClone(p)}\n                    onDelete={() => void handleDeleteRole(p)}\n                  />\n                )\n              })}\n            </div>\n\n            {/* Inline form slot \u2014 shared between New and Share modes */}\n            {isNew ? (\n              <NewViewForm\n                name={name}\n                onNameChange={setName}\n                onSubmit={() => void handleSaveNew()}\n                onCancel={resetMode}\n                saving={saving}\n              />\n            ) : null}\n\n            {isShare ? (\n              <ShareForm\n                roles={roles}\n                shareRoles={shareRoles}\n                shareSetDefault={shareSetDefault}\n                onToggleRole={toggleShareRole}\n                onToggleSetDefault={setShareSetDefault}\n                onApply={() => void handleShareApply()}\n                onCancel={resetMode}\n              />\n            ) : null}\n\n            {apiWarning ? (\n              <Alert status=\"warning\" className=\"text-xs\">{apiWarning}</Alert>\n            ) : null}\n            {error ? <div className=\"text-sm text-status-error-text\">{error}</div> : null}\n          </section>\n\n          {/* Set as default \u2014 separated from chips (border-t) and from columns (ColumnList owns border-t) */}\n          <div className=\"flex items-center px-4 mt-2 pt-2 pb-2\">\n            <label className=\"inline-flex items-center gap-2 text-sm leading-none\">\n              <Checkbox\n                checked={isDefault}\n                onCheckedChange={(checked) => {\n                  setIsDefault(checked === true)\n                  if (isDefaultUserChangeRef.current) {\n                    scheduleAutosave()\n                  }\n                }}\n              />\n              {t('ui.perspectives.form.makeDefault', 'Set as default')}\n            </label>\n          </div>\n\n          <ColumnChooserSection\n            availableColumns={availableColumns}\n            visibleColumnKeys={visibleColumnKeys}\n            columnOrder={columnOrder}\n            onToggleColumn={handleToggleColumnWithAutosave}\n            onReorderColumns={handleReorderColumnsWithAutosave}\n            dndContextId=\"perspective-columns\"\n          />\n        </div>\n      </div>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { ArrowLeft, Plus } from 'lucide-react'\nimport { Alert } from '../primitives/alert'\nimport { Button } from '../primitives/button'\nimport { Checkbox } from '../primitives/checkbox'\nimport { Spinner } from '../primitives/spinner'\nimport { useConfirmDialog } from './confirm-dialog'\nimport { flash } from './FlashMessages'\nimport { surfaceRecordConflict } from './conflicts'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type {\n  PerspectiveDto,\n  PerspectiveSettings,\n  RolePerspectiveDto,\n} from '@open-mercato/shared/modules/perspectives/types'\nimport { ViewChip } from './views/ViewChip'\nimport { NewViewForm } from './views/NewViewForm'\nimport { ShareForm } from './views/ShareForm'\nimport { type SidebarMode } from './views/types'\nimport { ColumnChooserSection, type ColumnChooserField } from './columns/ColumnChooserPanel'\n\nexport type { ColumnChooserField } from './columns/ColumnChooserPanel'\n\nexport type PerspectiveSidebarProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  loading: boolean\n  perspectives: PerspectiveDto[]\n  rolePerspectives: RolePerspectiveDto[]\n  roles: Array<{ id: string; name: string; hasPerspective: boolean; hasDefault: boolean }>\n  activePerspectiveId: string | null\n  onActivatePerspective: (perspective: PerspectiveDto | RolePerspectiveDto, source: 'personal' | 'role') => void\n  onDeletePerspective: (perspectiveId: string) => Promise<void>\n  onClearRole: (perspective: RolePerspectiveDto) => Promise<void>\n  onSave: (input: { name: string; isDefault: boolean; applyToRoles: string[]; setRoleDefault: boolean; perspectiveId?: string | null; settings?: PerspectiveSettings }) => Promise<void>\n  canApplyToRoles: boolean\n  availableColumns: ColumnChooserField[]\n  visibleColumnKeys: string[]\n  columnOrder: string[]\n  onToggleColumn: (key: string) => void\n  onReorderColumns: (orderedIds: string[]) => void\n  saving: boolean\n  deletingIds: string[]\n  roleClearingIds: string[]\n  apiWarning?: string | null\n}\n\nconst emptyArray: any[] = []\n\nexport function PerspectiveSidebar({\n  open,\n  onOpenChange,\n  loading,\n  perspectives,\n  rolePerspectives,\n  roles,\n  activePerspectiveId,\n  onActivatePerspective,\n  onDeletePerspective,\n  onClearRole,\n  onSave,\n  canApplyToRoles,\n  availableColumns,\n  visibleColumnKeys,\n  columnOrder,\n  onToggleColumn,\n  onReorderColumns,\n  saving,\n  deletingIds,\n  roleClearingIds,\n  apiWarning,\n}: PerspectiveSidebarProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  React.useEffect(() => {\n    if (!open) return\n    if (typeof document === 'undefined') return\n    document.body.dataset.columnChooserOpen = 'true'\n    return () => {\n      delete document.body.dataset.columnChooserOpen\n    }\n  }, [open])\n\n  function perspectiveLabel(p: PerspectiveDto | RolePerspectiveDto) {\n    return p.name.trim().length ? p.name : t('ui.perspectives.untitled', 'Untitled view')\n  }\n\n  const [name, setName] = React.useState('')\n  const [isDefault, setIsDefault] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [mode, setMode] = React.useState<SidebarMode>({ type: 'idle' })\n  const [renamingId, setRenamingId] = React.useState<string | null>(null)\n  const [renameValue, setRenameValue] = React.useState('')\n  const [shareRoles, setShareRoles] = React.useState<string[]>([])\n  const [shareSetDefault, setShareSetDefault] = React.useState(false)\n  const [sharedIds, setSharedIds] = React.useState<Set<string>>(new Set())\n  const [pendingCloneBaselineIds, setPendingCloneBaselineIds] = React.useState<Set<string> | null>(null)\n\n  const autosaveRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n  const pendingAutosaveActionRef = React.useRef<(() => void) | null>(null)\n  const isDefaultUserChangeRef = React.useRef(false)\n  const isDefaultRef = React.useRef(isDefault)\n  isDefaultRef.current = isDefault\n\n  const onSaveRef = React.useRef(onSave)\n  onSaveRef.current = onSave\n\n  const perspectivesRef = React.useRef(perspectives)\n  perspectivesRef.current = perspectives\n\n  const rolePerspectivesRef = React.useRef(rolePerspectives)\n  rolePerspectivesRef.current = rolePerspectives\n\n  const activePerspectiveIdRef = React.useRef(activePerspectiveId)\n  activePerspectiveIdRef.current = activePerspectiveId\n\n  const flushAutosave = React.useCallback(() => {\n    if (autosaveRef.current) {\n      clearTimeout(autosaveRef.current)\n      autosaveRef.current = null\n    }\n    pendingAutosaveActionRef.current = null\n  }, [])\n\n  // Closing the panel or unmounting inside the debounce window must not drop\n  // a pending autosave save or shared-view warning in silence \u2014 that is the\n  // same discarded-edit bug (#5113) the debounce itself was added to fix.\n  // Run whatever is pending immediately instead of just cancelling it.\n  const runPendingAutosave = React.useCallback(() => {\n    if (!autosaveRef.current) return\n    clearTimeout(autosaveRef.current)\n    autosaveRef.current = null\n    const pending = pendingAutosaveActionRef.current\n    pendingAutosaveActionRef.current = null\n    pending?.()\n  }, [])\n\n  const scheduleAutosave = React.useCallback(() => {\n    if (!activePerspectiveId || mode.type === 'new') return\n    const activePersonal = perspectivesRef.current.find((p) => p.id === activePerspectiveId)\n    if (!activePersonal) {\n      // Role perspectives live in their own collection and are shared, so they\n      // are never autosaved into. Say so instead of dropping the edit in\n      // silence \u2014 the old early return made a discarded change look saved\n      // (#5113). The timer is reused purely to debounce the hint across a burst\n      // of column toggles.\n      const activeRole = rolePerspectivesRef.current.find((p) => p.id === activePerspectiveId)\n      if (!activeRole) return\n      flushAutosave()\n      const warnedId = activeRole.id\n      const emitWarning = () => {\n        autosaveRef.current = null\n        pendingAutosaveActionRef.current = null\n        // Switching away within the debounce window makes the warning obsolete \u2014\n        // it would name a shared view the user is no longer editing.\n        if (activePerspectiveIdRef.current !== warnedId) return\n        flash(\n          t(\n            'ui.perspectives.autosave.sharedView',\n            'Shared views do not save automatically. Use Clone to keep these changes in your own view.',\n          ),\n          'warning',\n        )\n      }\n      pendingAutosaveActionRef.current = emitWarning\n      autosaveRef.current = setTimeout(emitWarning, 400)\n      return\n    }\n    flushAutosave()\n    const targetId = activePersonal.id\n    const targetName = activePersonal.name\n    const runSave = () => {\n      autosaveRef.current = null\n      pendingAutosaveActionRef.current = null\n      void (async () => {\n        try {\n          await onSaveRef.current({\n            name: targetName,\n            isDefault: isDefaultRef.current,\n            applyToRoles: [],\n            setRoleDefault: false,\n            perspectiveId: targetId,\n          })\n          flash(t('ui.perspectives.autosave.success', 'View saved'), 'success')\n        } catch (err: unknown) {\n          if (surfaceRecordConflict(err, t)) return\n          flash(t('ui.perspectives.autosave.error', 'Failed to save view'), 'error')\n        }\n      })()\n    }\n    pendingAutosaveActionRef.current = runSave\n    autosaveRef.current = setTimeout(runSave, 400)\n  }, [activePerspectiveId, mode.type, flushAutosave, t])\n\n  React.useEffect(() => {\n    return () => { runPendingAutosave() }\n  }, [runPendingAutosave])\n\n  const resetMode = () => {\n    setMode({ type: 'idle' })\n    setName('')\n    setShareRoles([])\n    setShareSetDefault(false)\n  }\n\n  const startNewMode = () => {\n    setMode({ type: 'new' })\n    setName('')\n    setIsDefault(false)\n    setRenamingId(null)\n    setShareRoles([])\n    setShareSetDefault(false)\n  }\n\n  const startShareMode = (p: PerspectiveDto) => {\n    setMode({ type: 'share', perspectiveId: p.id, perspectiveName: p.name, perspectiveIsDefault: p.isDefault })\n    setName('')\n    setRenamingId(null)\n    setShareRoles([])\n    setShareSetDefault(false)\n  }\n\n  React.useEffect(() => {\n    if (!open) {\n      runPendingAutosave()\n      setError(null)\n      resetMode()\n      setRenamingId(null)\n      setSharedIds(new Set())\n      setPendingCloneBaselineIds(null)\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n    const active = perspectives.find((p) => p.id === activePerspectiveId)\n      ?? rolePerspectives.find((p) => p.id === activePerspectiveId)\n    isDefaultUserChangeRef.current = false\n    if (active) {\n      setIsDefault(active.isDefault)\n    } else {\n      setIsDefault(false)\n    }\n    requestAnimationFrame(() => { isDefaultUserChangeRef.current = true })\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, activePerspectiveId])\n\n  const handleSaveNew = async () => {\n    setError(null)\n    try {\n      await onSave({ name: name.trim(), isDefault, applyToRoles: [], setRoleDefault: false, perspectiveId: null })\n      resetMode()\n    } catch (err: unknown) {\n      if (surfaceRecordConflict(err, t)) return\n      setError(err instanceof Error ? err.message : 'Failed to save view')\n    }\n  }\n\n  const handleToggleColumnWithAutosave = React.useCallback((key: string) => {\n    onToggleColumn(key)\n    scheduleAutosave()\n  }, [onToggleColumn, scheduleAutosave])\n\n  const handleReorderColumnsWithAutosave = React.useCallback((orderedIds: string[]) => {\n    onReorderColumns(orderedIds)\n    scheduleAutosave()\n  }, [onReorderColumns, scheduleAutosave])\n\n  const handleRename = async (p: PerspectiveDto | RolePerspectiveDto) => {\n    const trimmed = renameValue.trim()\n    if (!trimmed) {\n      setRenamingId(null)\n      return\n    }\n    const conflict = perspectivesRef.current.some(\n      (item) => item.id !== p.id && item.name.trim() === trimmed,\n    )\n    if (conflict) {\n      flash(t('ui.perspectives.error.nameExists', 'View with this name already exists'), 'error')\n      return\n    }\n    setError(null)\n    try {\n      await onSave({\n        name: trimmed,\n        isDefault: p.isDefault,\n        applyToRoles: [],\n        setRoleDefault: false,\n        perspectiveId: p.id,\n      })\n      setRenamingId(null)\n    } catch (err: unknown) {\n      if (surfaceRecordConflict(err, t)) return\n      setError(err instanceof Error ? err.message : 'Failed to rename view')\n    }\n  }\n\n  const handleClone = async (p: PerspectiveDto | RolePerspectiveDto) => {\n    const originalName = perspectiveLabel(p)\n    setError(null)\n    const baseline = new Set(perspectivesRef.current.map((item) => item.id))\n    const originalSettingsKey = JSON.stringify(p.settings ?? {})\n    const sharedRoleIds = Array.from(\n      new Set(\n        rolePerspectives\n          .filter((rp) => JSON.stringify(rp.settings ?? {}) === originalSettingsKey)\n          .map((rp) => rp.roleId),\n      ),\n    )\n    const buildCloneName = (n: number) =>\n      n <= 1 ? `${originalName} (copy)` : `${originalName} (copy ${n})`\n    const existingNames = new Set(\n      perspectivesRef.current.map((item) => item.name.trim()),\n    )\n    let counter = 1\n    while (existingNames.has(buildCloneName(counter))) {\n      counter += 1\n    }\n    const clonedSettings = structuredClone(p.settings)\n    const MAX_ATTEMPTS = 50\n    let lastErr: unknown = null\n    for (let attempt = 0; attempt < MAX_ATTEMPTS; attempt += 1) {\n      try {\n        await onSave({\n          name: buildCloneName(counter),\n          isDefault: false,\n          applyToRoles: sharedRoleIds,\n          setRoleDefault: false,\n          perspectiveId: null,\n          settings: clonedSettings,\n        })\n        setPendingCloneBaselineIds(baseline)\n        return\n      } catch (err: unknown) {\n        const errMessage = err instanceof Error ? err.message : ''\n        const msg = errMessage.toLowerCase()\n        const isDuplicate = msg.includes('duplicate key') || msg.includes('unique constraint')\n        if (!isDuplicate) {\n          if (surfaceRecordConflict(err, t)) return\n          setError(errMessage || 'Failed to clone view')\n          return\n        }\n        lastErr = err\n        counter += 1\n      }\n    }\n    if (surfaceRecordConflict(lastErr, t)) return\n    setError(lastErr instanceof Error ? lastErr.message : 'Failed to clone view')\n  }\n\n  React.useEffect(() => {\n    if (!pendingCloneBaselineIds) return\n    const created = perspectives.find((item) => !pendingCloneBaselineIds.has(item.id))\n    if (!created) return\n    setRenamingId(created.id)\n    setRenameValue(created.name)\n    setPendingCloneBaselineIds(null)\n  }, [perspectives, pendingCloneBaselineIds])\n\n  const handleDelete = async (p: PerspectiveDto) => {\n    const confirmed = await confirm({\n      title: t('ui.perspectives.delete.title', 'Delete \"{name}\"?', { name: perspectiveLabel(p) }),\n      text: t('ui.perspectives.delete.text', 'This view will be removed for you and all shared roles. This cannot be undone.'),\n      confirmText: t('common.delete', 'Delete'),\n      variant: 'destructive',\n    })\n    if (confirmed) {\n      await onDeletePerspective(p.id)\n    }\n  }\n\n  const handleDeleteRole = async (p: RolePerspectiveDto) => {\n    const confirmed = await confirm({\n      title: t('ui.perspectives.delete.title', 'Delete \"{name}\"?', { name: perspectiveLabel(p) }),\n      text: t('ui.perspectives.deleteRole.text', 'This shared view will be removed for the role. This cannot be undone.'),\n      confirmText: t('common.delete', 'Delete'),\n      variant: 'destructive',\n    })\n    if (confirmed) {\n      await onClearRole(p)\n    }\n  }\n\n  const handleShareApply = async () => {\n    if (mode.type !== 'share') return\n    setError(null)\n    try {\n      await onSave({ name: mode.perspectiveName, isDefault: mode.perspectiveIsDefault, applyToRoles: shareRoles, setRoleDefault: shareSetDefault, perspectiveId: mode.perspectiveId })\n      setSharedIds((prev) => new Set([...prev, mode.perspectiveId]))\n      resetMode()\n    } catch (err: unknown) {\n      if (surfaceRecordConflict(err, t)) return\n      setError(err instanceof Error ? err.message : 'Failed to share view')\n    }\n  }\n\n  const toggleShareRole = (roleId: string) => {\n    setShareRoles((prev) => {\n      const next = new Set(prev)\n      if (next.has(roleId)) next.delete(roleId)\n      else next.add(roleId)\n      return Array.from(next)\n    })\n  }\n\n  if (!open) return null\n\n  const isNew = mode.type === 'new'\n  const isShare = mode.type === 'share'\n\n  return (\n    <div className=\"fixed inset-0 z-modal\">\n      <div className=\"absolute inset-0 bg-black/20\" onClick={() => onOpenChange(false)} role=\"presentation\" />\n      <div className=\"fixed right-0 top-0 h-full w-full sm:w-80 bg-background shadow-xl border-l flex flex-col\">\n        <div className=\"flex items-center p-4 border-b\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onOpenChange(false)}\n            className=\"h-auto -ml-2 gap-2 px-2 text-lg font-semibold hover:bg-transparent\"\n            aria-label={t('ui.perspectives.close', 'Close')}\n          >\n            <ArrowLeft className=\"size-5\" />\n            {t('ui.perspectives.title', 'Views')}\n          </Button>\n        </div>\n        <div className=\"flex-1 overflow-auto\">\n          {/* Saved views as chips */}\n          <section className=\"p-4 space-y-3\">\n            <h3 className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">{t('ui.perspectives.savedViews.title', 'Saved views')}</h3>\n            {loading ? <Spinner size=\"sm\" /> : null}\n            <div className=\"flex flex-wrap gap-1.5\">\n              {/* + New chip */}\n              <Button\n                type=\"button\"\n                variant={isNew ? 'secondary' : 'outline'}\n                size=\"sm\"\n                className={`h-8 px-3 py-1.5 text-sm ${!isNew ? 'border-dashed' : ''}`}\n                onClick={startNewMode}\n              >\n                <Plus className=\"size-3 mr-1\" />\n                {t('ui.perspectives.savedViews.new', 'New')}\n              </Button>\n              {(perspectives ?? emptyArray).map((p) => {\n                // While the new-view form is open the sidebar is creating, not\n                // editing: keeping a chip lit reads as \"I am editing the active\n                // view\" and hides the mode switch (#5113).\n                const isActive = !isNew && activePerspectiveId === p.id\n                const deleting = deletingIds.includes(p.id)\n                const isShared = sharedIds.has(p.id)\n                return (\n                  <ViewChip\n                    key={p.id}\n                    id={p.id}\n                    label={perspectiveLabel(p)}\n                    kind=\"personal\"\n                    isActive={isActive}\n                    disabled={deleting}\n                    isShared={isShared}\n                    isRenaming={renamingId === p.id}\n                    renameValue={renameValue}\n                    canApplyToRoles={canApplyToRoles}\n                    deleting={deleting}\n                    onActivate={() => { onActivatePerspective(p, 'personal'); resetMode() }}\n                    onRenameValueChange={setRenameValue}\n                    onRenameConfirm={() => void handleRename(p)}\n                    onRenameCancel={() => setRenamingId(null)}\n                    onRenameStart={() => { setRenamingId(p.id); setRenameValue(p.name) }}\n                    onClone={() => void handleClone(p)}\n                    onShareStart={() => startShareMode(p)}\n                    onDelete={() => void handleDelete(p)}\n                  />\n                )\n              })}\n              {rolePerspectives\n                .filter((rp) => {\n                  const rpName = rp.name.trim()\n                  return !perspectives.some((pp) => pp.name.trim() === rpName)\n                })\n                .map((p) => {\n                // While the new-view form is open the sidebar is creating, not\n                // editing: keeping a chip lit reads as \"I am editing the active\n                // view\" and hides the mode switch (#5113).\n                const isActive = !isNew && activePerspectiveId === p.id\n                const clearing = roleClearingIds.includes(p.roleId)\n                return (\n                  <ViewChip\n                    key={p.id}\n                    id={p.id}\n                    label={perspectiveLabel(p)}\n                    kind=\"role\"\n                    isActive={isActive}\n                    disabled={clearing}\n                    isShared={false}\n                    isRenaming={renamingId === p.id}\n                    renameValue={renameValue}\n                    canApplyToRoles={canApplyToRoles}\n                    deleting={clearing}\n                    onActivate={() => { onActivatePerspective(p, 'role'); resetMode() }}\n                    onRenameValueChange={setRenameValue}\n                    onRenameConfirm={() => void handleRename(p)}\n                    onRenameCancel={() => setRenamingId(null)}\n                    onClone={() => void handleClone(p)}\n                    onDelete={() => void handleDeleteRole(p)}\n                  />\n                )\n              })}\n            </div>\n\n            {/* Inline form slot \u2014 shared between New and Share modes */}\n            {isNew ? (\n              <NewViewForm\n                name={name}\n                onNameChange={setName}\n                onSubmit={() => void handleSaveNew()}\n                onCancel={resetMode}\n                saving={saving}\n              />\n            ) : null}\n\n            {isShare ? (\n              <ShareForm\n                roles={roles}\n                shareRoles={shareRoles}\n                shareSetDefault={shareSetDefault}\n                onToggleRole={toggleShareRole}\n                onToggleSetDefault={setShareSetDefault}\n                onApply={() => void handleShareApply()}\n                onCancel={resetMode}\n              />\n            ) : null}\n\n            {apiWarning ? (\n              <Alert status=\"warning\" className=\"text-xs\">{apiWarning}</Alert>\n            ) : null}\n            {error ? <div className=\"text-sm text-status-error-text\">{error}</div> : null}\n          </section>\n\n          {/* Set as default \u2014 separated from chips (border-t) and from columns (ColumnList owns border-t) */}\n          <div className=\"flex items-center px-4 mt-2 pt-2 pb-2\">\n            <label className=\"inline-flex items-center gap-2 text-sm leading-none\">\n              <Checkbox\n                checked={isDefault}\n                onCheckedChange={(checked) => {\n                  setIsDefault(checked === true)\n                  if (isDefaultUserChangeRef.current) {\n                    scheduleAutosave()\n                  }\n                }}\n              />\n              {t('ui.perspectives.form.makeDefault', 'Set as default')}\n            </label>\n          </div>\n\n          <ColumnChooserSection\n            availableColumns={availableColumns}\n            visibleColumnKeys={visibleColumnKeys}\n            columnOrder={columnOrder}\n            onToggleColumn={handleToggleColumnWithAutosave}\n            onReorderColumns={handleReorderColumnsWithAutosave}\n            dndContextId=\"perspective-columns\"\n          />\n        </div>\n      </div>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/views/NewViewForm.js

@@ -1,53 +1,61 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Check, X } from "lucide-react";
 import { IconButton } from "../../primitives/icon-button.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 function NewViewForm({ name, onNameChange, onSubmit, onCancel, saving }) {
   const t = useT();
   const trimmed = name.trim();
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: name,
-        onChange: (e) => onNameChange(e.target.value),
-        placeholder: t("ui.perspectives.form.namePlaceholder", "View name..."),
-        autoFocus: true,
-        className: "w-full h-9 rounded border border-primary pl-2 pr-16 text-sm",
-        onKeyDown: (e) => {
-          if (e.key === "Enter" && trimmed) onSubmit();
-          if (e.key === "Escape") onCancel();
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5", children: [
+  const hintId = React.useId();
+  const nameRequiredHint = t("ui.perspectives.form.nameRequired", "Enter a name to create the view");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx(
-        IconButton,
+        "input",
         {
-          type: "button",
-          variant: "ghost",
-          size: "xs",
-          onClick: () => {
-            if (trimmed) onSubmit();
-          },
-          disabled: !trimmed || saving,
-          "aria-label": t("ui.perspectives.form.confirmCreate", "Create view"),
-          children: /* @__PURE__ */ jsx(Check, { className: `size-4 ${trimmed ? "text-brand-violet" : "text-muted-foreground opacity-50"}` })
+          value: name,
+          onChange: (e) => onNameChange(e.target.value),
+          placeholder: t("ui.perspectives.form.namePlaceholder", "View name..."),
+          autoFocus: true,
+          "aria-describedby": trimmed ? void 0 : hintId,
+          className: "w-full h-9 rounded border border-primary pl-2 pr-16 text-sm",
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && trimmed) onSubmit();
+            if (e.key === "Escape") onCancel();
+          }
         }
       ),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "xs",
-          onClick: onCancel,
-          "aria-label": t("ui.perspectives.form.cancelCreate", "Cancel"),
-          children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground hover:text-destructive" })
-        }
-      )
-    ] })
+      /* @__PURE__ */ jsxs("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5", children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            onClick: () => {
+              if (trimmed) onSubmit();
+            },
+            disabled: !trimmed || saving,
+            title: trimmed ? void 0 : nameRequiredHint,
+            "aria-label": t("ui.perspectives.form.confirmCreate", "Create view"),
+            children: /* @__PURE__ */ jsx(Check, { className: `size-4 ${trimmed ? "text-brand-violet" : "text-muted-foreground opacity-50"}` })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            onClick: onCancel,
+            "aria-label": t("ui.perspectives.form.cancelCreate", "Cancel"),
+            children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground hover:text-destructive" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { id: hintId, className: `mt-1 text-xs text-muted-foreground ${trimmed ? "invisible" : ""}`, children: nameRequiredHint })
   ] });
 }
 export {

package/dist/backend/views/NewViewForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/views/NewViewForm.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Check, X } from 'lucide-react'\nimport { IconButton } from '../../primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Props = {\n  name: string\n  onNameChange: (name: string) => void\n  onSubmit: () => void\n  onCancel: () => void\n  saving: boolean\n}\n\nexport function NewViewForm({ name, onNameChange, onSubmit, onCancel, saving }: Props) {\n  const t = useT()\n  const trimmed = name.trim()\n  return (\n    <div className=\"relative\">\n      <input\n        value={name}\n        onChange={(e) => onNameChange(e.target.value)}\n        placeholder={t('ui.perspectives.form.namePlaceholder', 'View name...')}\n        autoFocus\n        className=\"w-full h-9 rounded border border-primary pl-2 pr-16 text-sm\"\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' && trimmed) onSubmit()\n          if (e.key === 'Escape') onCancel()\n        }}\n      />\n      <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5\">\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={() => { if (trimmed) onSubmit() }}\n          disabled={!trimmed || saving}\n          aria-label={t('ui.perspectives.form.confirmCreate', 'Create view')}\n        >\n          <Check className={`size-4 ${trimmed ? 'text-brand-violet' : 'text-muted-foreground opacity-50'}`} />\n        </IconButton>\n        <IconButton\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"xs\"\n          onClick={onCancel}\n          aria-label={t('ui.perspectives.form.cancelCreate', 'Cancel')}\n        >\n          <X className=\"size-4 text-muted-foreground hover:text-destructive\" />\n        </IconButton>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AAmBM,cAWA,YAXA;AAjBN,SAAS,OAAO,SAAS;AACzB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAUd,SAAS,YAAY,EAAE,MAAM,cAAc,UAAU,UAAU,OAAO,GAAU;AACrF,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,KAAK,KAAK;AAC1B,SACE,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,QAC5C,aAAa,EAAE,wCAAwC,cAAc;AAAA,QACrE,WAAS;AAAA,QACT,WAAU;AAAA,QACV,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,WAAW,QAAS,UAAS;AAC3C,cAAI,EAAE,QAAQ,SAAU,UAAS;AAAA,QACnC;AAAA;AAAA,IACF;AAAA,IACA,qBAAC,SAAI,WAAU,uEACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM;AAAE,gBAAI,QAAS,UAAS;AAAA,UAAE;AAAA,UACzC,UAAU,CAAC,WAAW;AAAA,UACtB,cAAY,EAAE,sCAAsC,aAAa;AAAA,UAEjE,8BAAC,SAAM,WAAW,UAAU,UAAU,sBAAsB,kCAAkC,IAAI;AAAA;AAAA,MACpG;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,cAAY,EAAE,qCAAqC,QAAQ;AAAA,UAE3D,8BAAC,KAAE,WAAU,uDAAsD;AAAA;AAAA,MACrE;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Check, X } from 'lucide-react'\nimport { IconButton } from '../../primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype Props = {\n  name: string\n  onNameChange: (name: string) => void\n  onSubmit: () => void\n  onCancel: () => void\n  saving: boolean\n}\n\nexport function NewViewForm({ name, onNameChange, onSubmit, onCancel, saving }: Props) {\n  const t = useT()\n  const trimmed = name.trim()\n  const hintId = React.useId()\n  // A greyed-out check that does nothing when clicked is the dead end reported\n  // in #5113 \u2014 always render the reason the control is inert.\n  const nameRequiredHint = t('ui.perspectives.form.nameRequired', 'Enter a name to create the view')\n  return (\n    <div>\n      {/* The overlay buttons are centred against this wrapper, so it must contain\n          nothing but the input \u2014 a sibling hint here would drag them off-centre\n          and make them jump on the keystroke that hides it. */}\n      <div className=\"relative\">\n        <input\n          value={name}\n          onChange={(e) => onNameChange(e.target.value)}\n          placeholder={t('ui.perspectives.form.namePlaceholder', 'View name...')}\n          autoFocus\n          aria-describedby={trimmed ? undefined : hintId}\n          className=\"w-full h-9 rounded border border-primary pl-2 pr-16 text-sm\"\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' && trimmed) onSubmit()\n            if (e.key === 'Escape') onCancel()\n          }}\n        />\n        <div className=\"absolute right-1 top-1/2 -translate-y-1/2 flex items-center gap-0.5\">\n          <IconButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"xs\"\n            onClick={() => { if (trimmed) onSubmit() }}\n            disabled={!trimmed || saving}\n            title={trimmed ? undefined : nameRequiredHint}\n            aria-label={t('ui.perspectives.form.confirmCreate', 'Create view')}\n          >\n            <Check className={`size-4 ${trimmed ? 'text-brand-violet' : 'text-muted-foreground opacity-50'}`} />\n          </IconButton>\n          <IconButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"xs\"\n            onClick={onCancel}\n            aria-label={t('ui.perspectives.form.cancelCreate', 'Cancel')}\n          >\n            <X className=\"size-4 text-muted-foreground hover:text-destructive\" />\n          </IconButton>\n        </div>\n      </div>\n      {/* Kept mounted and merely hidden so the first keystroke does not reflow the\n          sidebar, and so the aria-describedby target never disappears mid-edit. */}\n      <p id={hintId} className={`mt-1 text-xs text-muted-foreground ${trimmed ? 'invisible' : ''}`}>{nameRequiredHint}</p>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA2BQ,cAYA,YAZA;AA1BR,YAAY,WAAW;AACvB,SAAS,OAAO,SAAS;AACzB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAUd,SAAS,YAAY,EAAE,MAAM,cAAc,UAAU,UAAU,OAAO,GAAU;AACrF,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,KAAK,KAAK;AAC1B,QAAM,SAAS,MAAM,MAAM;AAG3B,QAAM,mBAAmB,EAAE,qCAAqC,iCAAiC;AACjG,SACE,qBAAC,SAIC;AAAA,yBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAa,EAAE,wCAAwC,cAAc;AAAA,UACrE,WAAS;AAAA,UACT,oBAAkB,UAAU,SAAY;AAAA,UACxC,WAAU;AAAA,UACV,WAAW,CAAC,MAAM;AAChB,gBAAI,EAAE,QAAQ,WAAW,QAAS,UAAS;AAC3C,gBAAI,EAAE,QAAQ,SAAU,UAAS;AAAA,UACnC;AAAA;AAAA,MACF;AAAA,MACA,qBAAC,SAAI,WAAU,uEACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,MAAM;AAAE,kBAAI,QAAS,UAAS;AAAA,YAAE;AAAA,YACzC,UAAU,CAAC,WAAW;AAAA,YACtB,OAAO,UAAU,SAAY;AAAA,YAC7B,cAAY,EAAE,sCAAsC,aAAa;AAAA,YAEjE,8BAAC,SAAM,WAAW,UAAU,UAAU,sBAAsB,kCAAkC,IAAI;AAAA;AAAA,QACpG;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS;AAAA,YACT,cAAY,EAAE,qCAAqC,QAAQ;AAAA,YAE3D,8BAAC,KAAE,WAAU,uDAAsD;AAAA;AAAA,QACrE;AAAA,SACF;AAAA,OACF;AAAA,IAGA,oBAAC,OAAE,IAAI,QAAQ,WAAW,sCAAsC,UAAU,cAAc,EAAE,IAAK,4BAAiB;AAAA,KAClH;AAEJ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/ui",
-  "version": "0.7.1-develop.7186.1.6e080a5017",
+  "version": "0.7.1-develop.7193.1.910a5b0a1e",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -155,14 +155,14 @@
     "remark-gfm": "^4.0.1"
   },
   "peerDependencies": {
-    "@open-mercato/shared": "0.7.1-develop.7186.1.6e080a5017",
+    "@open-mercato/shared": "0.7.1-develop.7193.1.910a5b0a1e",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-is": ">=18.0.0"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.3.4",
-    "@open-mercato/shared": "0.7.1-develop.7186.1.6e080a5017",
+    "@open-mercato/shared": "0.7.1-develop.7193.1.910a5b0a1e",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",