@burdenoff/microfe-export 2026.625.2 → 2026.626.2

package/dist/export/pages/ExportTemplatesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExportTemplatesPage.js","names":[],"sources":["../../../src/export/pages/ExportTemplatesPage.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n  Search,\n  X,\n  FileBox,\n  Plus,\n  ChevronRight,\n  Sparkles,\n  Loader2,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { CTAOverflowMenu, IllustratedEmptyState } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplates,\n  useDeleteExportTemplate,\n  useCreateExportTemplate,\n  useAvailableEntities,\n} from \"../hooks/useExportQueries\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { getFormatDisplayName } from \"../constants/enums\";\nimport { cn } from \"../utils/cn\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport type { ExportFormat } from \"../types\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Helper to join paths correctly\n */\nconst joinPath = (base: string, path: string): string => {\n  const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n  return cleanBase + cleanPath;\n};\n\n/**\n * Export Templates Page\n * Template management list for reusable export configurations\n */\nexport function ExportTemplatesPage() {\n  const { basePath = \"/\", navigate } = useExport();\n  const { t } = useI18n();\n  const tr = (\n    key: string,\n    fallback: string,\n    params?: Record<string, string | number>,\n  ) => tWithFallback(t, key, fallback, params);\n  const { data: templates, isLoading } = useExportTemplates();\n  const { deleteTemplate } = useDeleteExportTemplate();\n  const { createTemplate, isPending: creating } = useCreateExportTemplate();\n  const { data: availableEntities } = useAvailableEntities();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [newTemplateName, setNewTemplateName] = useState(\"\");\n  const [newTemplateDescription, setNewTemplateDescription] = useState(\"\");\n  const [newTemplateEntityTypes, setNewTemplateEntityTypes] = useState<\n    string[]\n  >([]);\n  const [newTemplateFormat, setNewTemplateFormat] =\n    useState<ExportFormat>(\"CSV\");\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [templatePendingDelete, setTemplatePendingDelete] = useState<\n    string | null\n  >(null);\n\n  const handleOpenCreate = () => {\n    setNewTemplateName(\"\");\n    setNewTemplateDescription(\"\");\n    setNewTemplateEntityTypes([]);\n    setNewTemplateFormat(\"CSV\");\n    setCreateError(null);\n    setShowCreateForm(true);\n  };\n\n  const handleCreateTemplate = async () => {\n    if (!newTemplateName.trim()) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.nameRequired\",\n          \"Template name is required.\",\n        ),\n      );\n      return;\n    }\n    if (newTemplateEntityTypes.length === 0) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.entityRequired\",\n          \"Select at least one entity type.\",\n        ),\n      );\n      return;\n    }\n    setCreateError(null);\n    try {\n      await createTemplate({\n        name: newTemplateName.trim(),\n        description: newTemplateDescription.trim() || undefined,\n        entityTypes: newTemplateEntityTypes,\n        format: newTemplateFormat,\n      });\n      setShowCreateForm(false);\n    } catch (err) {\n      setCreateError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"export.templates.form.errors.createFailed\",\n              \"Failed to create template.\",\n            ),\n      );\n    }\n  };\n\n  const toggleEntity = (entityType: string) => {\n    setNewTemplateEntityTypes((prev) =>\n      prev.includes(entityType)\n        ? prev.filter((e) => e !== entityType)\n        : [...prev, entityType],\n    );\n  };\n\n  // Client-side search filter\n  const filteredTemplates = useMemo(() => {\n    if (!searchQuery) return templates;\n    const q = searchQuery.toLowerCase();\n    return templates.filter(\n      (t) =>\n        t.name.toLowerCase().includes(q) ||\n        t.entityTypes.some((e) => e.toLowerCase().includes(q)),\n    );\n  }, [templates, searchQuery]);\n\n  const handleTemplateClick = (templateId: string) => {\n    navigate?.(joinPath(basePath, `templates/${templateId}`));\n  };\n\n  const handleDeleteTemplate = async (\n    e: React.MouseEvent,\n    templateId: string,\n  ) => {\n    e.stopPropagation();\n    nativeImpact(\"medium\");\n    setTemplatePendingDelete(templateId);\n  };\n\n  const confirmDeleteTemplate = async () => {\n    if (!templatePendingDelete) return;\n    try {\n      await deleteTemplate(templatePendingDelete);\n      nativeNotify(\"success\");\n    } catch {\n      nativeNotify(\"error\");\n    }\n    setTemplatePendingDelete(null);\n  };\n\n  return (\n    <PageLayout\n      title={tr(\"export.templates.title\", \"Export Templates\")}\n      subtitle={tr(\n        \"export.templates.subtitle\",\n        \"Reusable export configurations for common data exports\",\n      )}\n      icon={<FileBox size={24} />}\n      headerActions={\n        <CTAOverflowMenu\n          primary={{\n            label: tr(\"export.templates.actions.newTemplate\", \"New Template\"),\n            icon: <Plus size={16} />,\n            onSelect: handleOpenCreate,\n          }}\n          actions={[\n            {\n              label: tr(\"export.templates.actions.newExport\", \"New Export\"),\n              icon: <Plus size={16} />,\n              onSelect: () => navigate?.(joinPath(basePath, \"new\")),\n            },\n          ]}\n        />\n      }\n      headerContent={\n        <span className=\"inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-bg-sunken text-text-secondary\">\n          <Sparkles size={12} />\n          {tr(\n            \"export.templates.summary.available\",\n            \"{count} template{suffix} available\",\n            {\n              count: filteredTemplates.length,\n              suffix: filteredTemplates.length !== 1 ? \"s\" : \"\",\n            },\n          )}\n        </span>\n      }\n    >\n      {/* Create Template Form */}\n      {showCreateForm && (\n        <div className=\"border border-primary/30 rounded-xl p-6 bg-accent-wash space-y-4\">\n          <div className=\"flex items-center justify-between\">\n            <h3 className=\"font-semibold text-lg\">\n              {tr(\"export.templates.form.title\", \"New Template\")}\n            </h3>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"p-1.5 rounded-md hover:bg-accent\"\n            >\n              <X size={16} />\n            </button>\n          </div>\n          {createError && (\n            <p className=\"text-sm text-status-error-text bg-status-error-bg/10 rounded-lg px-3 py-2\">\n              {createError}\n            </p>\n          )}\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.name\", \"Name\")} *\n              </label>\n              <input\n                type=\"text\"\n                aria-label={tr(\"export.templates.form.fields.name\", \"Name\")}\n                placeholder={tr(\n                  \"export.templates.form.fields.namePlaceholder\",\n                  \"e.g. Weekly Tags Export\",\n                )}\n                value={newTemplateName}\n                onChange={(e) => setNewTemplateName(e.target.value)}\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.format\", \"Format\")} *\n              </label>\n              <select\n                value={newTemplateFormat}\n                onChange={(e) =>\n                  setNewTemplateFormat(e.target.value as ExportFormat)\n                }\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              >\n                <option value=\"CSV\">CSV</option>\n                <option value=\"JSON\">JSON</option>\n              </select>\n            </div>\n          </div>\n          <div className=\"space-y-1\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.description\", \"Description\")}\n            </label>\n            <input\n              type=\"text\"\n              aria-label={tr(\n                \"export.templates.form.fields.description\",\n                \"Description\",\n              )}\n              placeholder={tr(\n                \"export.templates.form.fields.descriptionPlaceholder\",\n                \"Optional description\",\n              )}\n              value={newTemplateDescription}\n              onChange={(e) => setNewTemplateDescription(e.target.value)}\n              className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.entityTypes\", \"Entity Types\")} *{\" \"}\n              <span className=\"text-text-secondary font-normal\">\n                {tr(\n                  \"export.templates.form.fields.entityTypesHint\",\n                  \"(select at least one)\",\n                )}\n              </span>\n            </label>\n            <div className=\"flex flex-wrap gap-2\">\n              {availableEntities.map((entity) => (\n                <button\n                  key={entity.entityType}\n                  type=\"button\"\n                  onClick={() => toggleEntity(entity.entityType)}\n                  className={cn(\n                    \"px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all\",\n                    newTemplateEntityTypes.includes(entity.entityType)\n                      ? \"border-primary bg-action-primary-bg/10 text-primary\"\n                      : \"border-border-subtle bg-bg-surface hover:border-primary/50\",\n                  )}\n                >\n                  {entity.displayName}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"flex gap-3 pt-2\">\n            <button\n              type=\"button\"\n              onClick={handleCreateTemplate}\n              disabled={creating}\n              className=\"inline-flex items-center gap-2 px-5 py-2.5 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium disabled:opacity-50\"\n            >\n              {creating ? (\n                <Loader2 size={16} className=\"animate-spin\" />\n              ) : (\n                <Plus size={16} />\n              )}\n              {tr(\"export.templates.form.actions.create\", \"Create Template\")}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"px-5 py-2.5 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n            >\n              {tr(\"export.templates.form.actions.cancel\", \"Cancel\")}\n            </button>\n          </div>\n        </div>\n      )}\n      {/* Search */}\n      <div className=\"relative group\">\n        <Search\n          size={18}\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary group-focus-within:text-primary transition-colors\"\n        />\n        <input\n          type=\"text\"\n          aria-label={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates\",\n          )}\n          placeholder={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates...\",\n          )}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200\"\n        />\n        {searchQuery && (\n          <button\n            type=\"button\"\n            onClick={() => setSearchQuery(\"\")}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-md text-text-secondary hover:text-text-primary hover:bg-accent\"\n          >\n            <X size={16} />\n          </button>\n        )}\n      </div>\n\n      {/* Loading */}\n      {isLoading && (\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n          {[...Array(4)].map((_, i) => (\n            <div\n              key={i}\n              className=\"border border-border-seam rounded-xl p-5\"\n            >\n              <div className=\"h-5 w-40 bg-bg-sunken rounded mb-3 animate-vc-shimmer\" />\n              <div className=\"h-3 w-full bg-bg-sunken rounded mb-2 animate-vc-shimmer\" />\n              <div className=\"flex gap-2 mt-4\">\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Templates Grid */}\n      {!isLoading ? (\n        filteredTemplates.length > 0 ? (\n          <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n            {filteredTemplates.map((template, index) => (\n              <div\n                key={template.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => handleTemplateClick(template.id)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    handleTemplateClick(template.id);\n                  }\n                }}\n                className={cn(\n                  \"text-left group cursor-pointer border border-border-seam rounded-xl overflow-hidden bg-bg-surface\",\n                  \"hover:border-primary/40 shadow-[var(--shadow-pop)] transition-colors duration-200\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\",\n                  \"animate-in fade-in-0\",\n                )}\n                style={{ animationDelay: `${index * 50}ms` }}\n              >\n                {/* Header */}\n                <div className=\"p-4 border-b bg-bg-sunken/30\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"p-2 rounded-lg bg-action-primary-bg/10\">\n                        <FileBox size={20} className=\"text-primary\" />\n                      </div>\n                      <div>\n                        <h3 className=\"font-semibold\">{template.name}</h3>\n                        <p className=\"text-xs text-text-secondary\">\n                          {getFormatDisplayName(template.format)}\n                          {template.isDefault && (\n                            <span className=\"ml-1.5 inline-flex items-center px-1.5 py-0.5 rounded text-xs bg-action-primary-bg/10 text-primary font-medium\">\n                              {tr(\"export.templates.card.default\", \"Default\")}\n                            </span>\n                          )}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={(e) => handleDeleteTemplate(e, template.id)}\n                        className=\"p-1.5 rounded-md text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 transition-colors\"\n                        aria-label={tr(\n                          \"export.templates.card.deleteAriaLabel\",\n                          \"Delete {name}\",\n                          { name: template.name },\n                        )}\n                      >\n                        <X size={14} />\n                      </button>\n                      <ChevronRight\n                        size={18}\n                        className=\"text-text-secondary group-hover:text-primary transition-colors mt-1\"\n                      />\n                    </div>\n                  </div>\n                </div>\n\n                {/* Body */}\n                <div className=\"p-4\">\n                  {template.description && (\n                    <p className=\"text-sm text-text-secondary mb-3 line-clamp-2\">\n                      {template.description}\n                    </p>\n                  )}\n                  <div className=\"flex flex-wrap gap-1.5 overflow-hidden\">\n                    {template.entityTypes.slice(0, 6).map((entity) => (\n                      <span\n                        key={entity}\n                        className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary max-w-full truncate\"\n                      >\n                        {entity}\n                      </span>\n                    ))}\n                    {template.entityTypes.length > 6 && (\n                      <span className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary\">\n                        {tr(\n                          \"export.templates.card.moreEntities\",\n                          \"+{count} more\",\n                          {\n                            count: template.entityTypes.length - 6,\n                          },\n                        )}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : (\n          <IllustratedEmptyState\n            illustration={searchQuery ? \"empty-search\" : \"empty-data\"}\n            title={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.title\",\n                    \"No matching templates\",\n                  )\n                : tr(\"export.templates.empty.title\", \"No templates yet\")\n            }\n            description={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.description\",\n                    \"Try adjusting your search to find what you are looking for.\",\n                  )\n                : tr(\n                    \"export.templates.empty.description\",\n                    \"Create a template to save reusable export configurations.\",\n                  )\n            }\n            action={\n              searchQuery ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery(\"\")}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n                >\n                  <X size={16} />\n                  {tr(\n                    \"export.templates.empty.filtered.actions.clear\",\n                    \"Clear Search\",\n                  )}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={handleOpenCreate}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium\"\n                >\n                  <Plus size={16} />\n                  {tr(\n                    \"export.templates.empty.actions.newTemplate\",\n                    \"New Template\",\n                  )}\n                </button>\n              )\n            }\n          />\n        )\n      ) : null}\n      {templatePendingDelete && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-list-delete-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"template-list-delete-title\" className=\"text-lg font-bold\">\n              {tr(\"export.templates.delete.title\", \"Delete template?\")}\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {tr(\n                \"export.templates.delete.description\",\n                \"This removes the saved export configuration. Existing export jobs are not deleted.\",\n              )}\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setTemplatePendingDelete(null)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.cancel\", \"Keep Template\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmDeleteTemplate}\n                className=\"px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.confirmAction\", \"Delete Template\")}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ExportTemplatesPage.js","names":[],"sources":["../../../src/export/pages/ExportTemplatesPage.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n  Search,\n  X,\n  FileBox,\n  Plus,\n  ChevronRight,\n  Sparkles,\n  Loader2,\n} from \"lucide-react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n  PagePurpose,\n} from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplates,\n  useDeleteExportTemplate,\n  useCreateExportTemplate,\n  useAvailableEntities,\n} from \"../hooks/useExportQueries\";\nimport { PageLayout } from \"../components/PageLayout\";\nimport { getFormatDisplayName } from \"../constants/enums\";\nimport { cn } from \"../utils/cn\";\nimport { tWithFallback } from \"../utils/i18n\";\nimport type { ExportFormat } from \"../types\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Helper to join paths correctly\n */\nconst joinPath = (base: string, path: string): string => {\n  const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n  return cleanBase + cleanPath;\n};\n\n/**\n * Export Templates Page\n * Template management list for reusable export configurations\n */\nexport function ExportTemplatesPage() {\n  const { basePath = \"/\", navigate } = useExport();\n  const { t } = useI18n();\n  const tr = (\n    key: string,\n    fallback: string,\n    params?: Record<string, string | number>,\n  ) => tWithFallback(t, key, fallback, params);\n  const { data: templates, isLoading } = useExportTemplates();\n  const { deleteTemplate } = useDeleteExportTemplate();\n  const { createTemplate, isPending: creating } = useCreateExportTemplate();\n  const { data: availableEntities } = useAvailableEntities();\n\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [showCreateForm, setShowCreateForm] = useState(false);\n  const [newTemplateName, setNewTemplateName] = useState(\"\");\n  const [newTemplateDescription, setNewTemplateDescription] = useState(\"\");\n  const [newTemplateEntityTypes, setNewTemplateEntityTypes] = useState<\n    string[]\n  >([]);\n  const [newTemplateFormat, setNewTemplateFormat] =\n    useState<ExportFormat>(\"CSV\");\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [templatePendingDelete, setTemplatePendingDelete] = useState<\n    string | null\n  >(null);\n\n  const handleOpenCreate = () => {\n    setNewTemplateName(\"\");\n    setNewTemplateDescription(\"\");\n    setNewTemplateEntityTypes([]);\n    setNewTemplateFormat(\"CSV\");\n    setCreateError(null);\n    setShowCreateForm(true);\n  };\n\n  const handleCreateTemplate = async () => {\n    if (!newTemplateName.trim()) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.nameRequired\",\n          \"Template name is required.\",\n        ),\n      );\n      return;\n    }\n    if (newTemplateEntityTypes.length === 0) {\n      setCreateError(\n        tr(\n          \"export.templates.form.errors.entityRequired\",\n          \"Select at least one entity type.\",\n        ),\n      );\n      return;\n    }\n    setCreateError(null);\n    try {\n      await createTemplate({\n        name: newTemplateName.trim(),\n        description: newTemplateDescription.trim() || undefined,\n        entityTypes: newTemplateEntityTypes,\n        format: newTemplateFormat,\n      });\n      setShowCreateForm(false);\n    } catch (err) {\n      setCreateError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"export.templates.form.errors.createFailed\",\n              \"Failed to create template.\",\n            ),\n      );\n    }\n  };\n\n  const toggleEntity = (entityType: string) => {\n    setNewTemplateEntityTypes((prev) =>\n      prev.includes(entityType)\n        ? prev.filter((e) => e !== entityType)\n        : [...prev, entityType],\n    );\n  };\n\n  // Client-side search filter\n  const filteredTemplates = useMemo(() => {\n    if (!searchQuery) return templates;\n    const q = searchQuery.toLowerCase();\n    return templates.filter(\n      (t) =>\n        t.name.toLowerCase().includes(q) ||\n        t.entityTypes.some((e) => e.toLowerCase().includes(q)),\n    );\n  }, [templates, searchQuery]);\n\n  const handleTemplateClick = (templateId: string) => {\n    navigate?.(joinPath(basePath, `templates/${templateId}`));\n  };\n\n  const handleDeleteTemplate = async (\n    e: React.MouseEvent,\n    templateId: string,\n  ) => {\n    e.stopPropagation();\n    nativeImpact(\"medium\");\n    setTemplatePendingDelete(templateId);\n  };\n\n  const confirmDeleteTemplate = async () => {\n    if (!templatePendingDelete) return;\n    try {\n      await deleteTemplate(templatePendingDelete);\n      nativeNotify(\"success\");\n    } catch {\n      nativeNotify(\"error\");\n    }\n    setTemplatePendingDelete(null);\n  };\n\n  return (\n    <PageLayout\n      title={tr(\"export.templates.title\", \"Export Templates\")}\n      subtitle={tr(\n        \"export.templates.subtitle\",\n        \"Reusable export configurations for common data exports\",\n      )}\n      icon={<FileBox size={24} />}\n      headerActions={\n        <CTAOverflowMenu\n          primary={{\n            label: tr(\"export.templates.actions.newTemplate\", \"New Template\"),\n            icon: <Plus size={16} />,\n            onSelect: handleOpenCreate,\n          }}\n          actions={[\n            {\n              label: tr(\"export.templates.actions.newExport\", \"New Export\"),\n              icon: <Plus size={16} />,\n              onSelect: () => navigate?.(joinPath(basePath, \"new\")),\n            },\n          ]}\n        />\n      }\n      headerContent={\n        <span className=\"inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-bg-sunken text-text-secondary\">\n          <Sparkles size={12} />\n          {tr(\n            \"export.templates.summary.available\",\n            \"{count} template{suffix} available\",\n            {\n              count: filteredTemplates.length,\n              suffix: filteredTemplates.length !== 1 ? \"s\" : \"\",\n            },\n          )}\n        </span>\n      }\n    >\n      {/* Page purpose — why templates exist */}\n      <PagePurpose icon={<FileBox size={16} />}>\n        {tr(\n          \"export.templates.purpose\",\n          \"Templates save an export setup — the entity types and format you regularly need — so you don't rebuild it each time. Create one here, then start a new export from it in a single click. Handy for recurring backups, periodic audits, or any export you run more than once.\",\n        )}\n      </PagePurpose>\n\n      {/* Create Template Form */}\n      {showCreateForm && (\n        <div className=\"border border-primary/30 rounded-xl p-6 bg-accent-wash space-y-4\">\n          <div className=\"flex items-center justify-between\">\n            <h3 className=\"font-semibold text-lg\">\n              {tr(\"export.templates.form.title\", \"New Template\")}\n            </h3>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"p-1.5 rounded-md hover:bg-accent\"\n            >\n              <X size={16} />\n            </button>\n          </div>\n          {createError && (\n            <p className=\"text-sm text-status-error-text bg-status-error-bg/10 rounded-lg px-3 py-2\">\n              {createError}\n            </p>\n          )}\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.name\", \"Name\")} *\n              </label>\n              <input\n                type=\"text\"\n                aria-label={tr(\"export.templates.form.fields.name\", \"Name\")}\n                placeholder={tr(\n                  \"export.templates.form.fields.namePlaceholder\",\n                  \"e.g. Weekly Tags Export\",\n                )}\n                value={newTemplateName}\n                onChange={(e) => setNewTemplateName(e.target.value)}\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              />\n            </div>\n            <div className=\"space-y-1\">\n              <label className=\"text-sm font-medium\">\n                {tr(\"export.templates.form.fields.format\", \"Format\")} *\n              </label>\n              <select\n                value={newTemplateFormat}\n                onChange={(e) =>\n                  setNewTemplateFormat(e.target.value as ExportFormat)\n                }\n                className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n              >\n                <option value=\"CSV\">CSV</option>\n                <option value=\"JSON\">JSON</option>\n              </select>\n            </div>\n          </div>\n          <div className=\"space-y-1\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.description\", \"Description\")}\n            </label>\n            <input\n              type=\"text\"\n              aria-label={tr(\n                \"export.templates.form.fields.description\",\n                \"Description\",\n              )}\n              placeholder={tr(\n                \"export.templates.form.fields.descriptionPlaceholder\",\n                \"Optional description\",\n              )}\n              value={newTemplateDescription}\n              onChange={(e) => setNewTemplateDescription(e.target.value)}\n              className=\"w-full px-3 py-2 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all\"\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label className=\"text-sm font-medium\">\n              {tr(\"export.templates.form.fields.entityTypes\", \"Entity Types\")} *{\" \"}\n              <span className=\"text-text-secondary font-normal\">\n                {tr(\n                  \"export.templates.form.fields.entityTypesHint\",\n                  \"(select at least one)\",\n                )}\n              </span>\n            </label>\n            <div className=\"flex flex-wrap gap-2\">\n              {availableEntities.map((entity) => (\n                <button\n                  key={entity.entityType}\n                  type=\"button\"\n                  onClick={() => toggleEntity(entity.entityType)}\n                  className={cn(\n                    \"px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all\",\n                    newTemplateEntityTypes.includes(entity.entityType)\n                      ? \"border-primary bg-action-primary-bg/10 text-primary\"\n                      : \"border-border-subtle bg-bg-surface hover:border-primary/50\",\n                  )}\n                >\n                  {entity.displayName}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"flex gap-3 pt-2\">\n            <button\n              type=\"button\"\n              onClick={handleCreateTemplate}\n              disabled={creating}\n              className=\"inline-flex items-center gap-2 px-5 py-2.5 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium disabled:opacity-50\"\n            >\n              {creating ? (\n                <Loader2 size={16} className=\"animate-spin\" />\n              ) : (\n                <Plus size={16} />\n              )}\n              {tr(\"export.templates.form.actions.create\", \"Create Template\")}\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setShowCreateForm(false)}\n              className=\"px-5 py-2.5 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n            >\n              {tr(\"export.templates.form.actions.cancel\", \"Cancel\")}\n            </button>\n          </div>\n        </div>\n      )}\n      {/* Search */}\n      <div className=\"relative group\">\n        <Search\n          size={18}\n          className=\"absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary group-focus-within:text-primary transition-colors\"\n        />\n        <input\n          type=\"text\"\n          aria-label={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates\",\n          )}\n          placeholder={tr(\n            \"export.templates.search.placeholder\",\n            \"Search templates...\",\n          )}\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className=\"w-full pl-[3.25rem] pr-4 py-2.5 border-2 border-border-subtle rounded-lg bg-bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all duration-200\"\n        />\n        {searchQuery && (\n          <button\n            type=\"button\"\n            onClick={() => setSearchQuery(\"\")}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 p-1 rounded-md text-text-secondary hover:text-text-primary hover:bg-accent\"\n          >\n            <X size={16} />\n          </button>\n        )}\n      </div>\n\n      {/* Loading */}\n      {isLoading && (\n        <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n          {[...Array(4)].map((_, i) => (\n            <div\n              key={i}\n              className=\"border border-border-seam rounded-xl p-5\"\n            >\n              <div className=\"h-5 w-40 bg-bg-sunken rounded mb-3 animate-vc-shimmer\" />\n              <div className=\"h-3 w-full bg-bg-sunken rounded mb-2 animate-vc-shimmer\" />\n              <div className=\"flex gap-2 mt-4\">\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n                <div className=\"h-5 w-16 bg-bg-sunken rounded-full animate-vc-shimmer\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Templates Grid */}\n      {!isLoading ? (\n        filteredTemplates.length > 0 ? (\n          <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n            {filteredTemplates.map((template, index) => (\n              <div\n                key={template.id}\n                role=\"button\"\n                tabIndex={0}\n                onClick={() => handleTemplateClick(template.id)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    handleTemplateClick(template.id);\n                  }\n                }}\n                className={cn(\n                  \"text-left group cursor-pointer border border-border-seam rounded-xl overflow-hidden bg-bg-surface\",\n                  \"hover:border-primary/40 shadow-[var(--shadow-pop)] transition-colors duration-200\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\",\n                  \"animate-in fade-in-0\",\n                )}\n                style={{ animationDelay: `${index * 50}ms` }}\n              >\n                {/* Header */}\n                <div className=\"p-4 border-b bg-bg-sunken/30\">\n                  <div className=\"flex items-start justify-between\">\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"p-2 rounded-lg bg-action-primary-bg/10\">\n                        <FileBox size={20} className=\"text-primary\" />\n                      </div>\n                      <div>\n                        <h3 className=\"font-semibold\">{template.name}</h3>\n                        <p className=\"text-xs text-text-secondary\">\n                          {getFormatDisplayName(template.format)}\n                          {template.isDefault && (\n                            <span className=\"ml-1.5 inline-flex items-center px-1.5 py-0.5 rounded text-xs bg-action-primary-bg/10 text-primary font-medium\">\n                              {tr(\"export.templates.card.default\", \"Default\")}\n                            </span>\n                          )}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={(e) => handleDeleteTemplate(e, template.id)}\n                        className=\"p-1.5 rounded-md text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 transition-colors\"\n                        aria-label={tr(\n                          \"export.templates.card.deleteAriaLabel\",\n                          \"Delete {name}\",\n                          { name: template.name },\n                        )}\n                      >\n                        <X size={14} />\n                      </button>\n                      <ChevronRight\n                        size={18}\n                        className=\"text-text-secondary group-hover:text-primary transition-colors mt-1\"\n                      />\n                    </div>\n                  </div>\n                </div>\n\n                {/* Body */}\n                <div className=\"p-4\">\n                  {template.description && (\n                    <p className=\"text-sm text-text-secondary mb-3 line-clamp-2\">\n                      {template.description}\n                    </p>\n                  )}\n                  <div className=\"flex flex-wrap gap-1.5 overflow-hidden\">\n                    {template.entityTypes.slice(0, 6).map((entity) => (\n                      <span\n                        key={entity}\n                        className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary max-w-full truncate\"\n                      >\n                        {entity}\n                      </span>\n                    ))}\n                    {template.entityTypes.length > 6 && (\n                      <span className=\"inline-flex px-2 py-0.5 rounded text-xs font-medium bg-bg-sunken text-text-secondary\">\n                        {tr(\n                          \"export.templates.card.moreEntities\",\n                          \"+{count} more\",\n                          {\n                            count: template.entityTypes.length - 6,\n                          },\n                        )}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : (\n          <IllustratedEmptyState\n            illustration={searchQuery ? \"empty-search\" : \"empty-data\"}\n            title={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.title\",\n                    \"No matching templates\",\n                  )\n                : tr(\"export.templates.empty.title\", \"No templates yet\")\n            }\n            description={\n              searchQuery\n                ? tr(\n                    \"export.templates.empty.filtered.description\",\n                    \"Try adjusting your search to find what you are looking for.\",\n                  )\n                : tr(\n                    \"export.templates.empty.description\",\n                    \"Create a template to save reusable export configurations.\",\n                  )\n            }\n            action={\n              searchQuery ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery(\"\")}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 border-2 border-border-subtle rounded-lg hover:bg-accent transition-colors font-medium\"\n                >\n                  <X size={16} />\n                  {tr(\n                    \"export.templates.empty.filtered.actions.clear\",\n                    \"Clear Search\",\n                  )}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  onClick={handleOpenCreate}\n                  className=\"inline-flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium\"\n                >\n                  <Plus size={16} />\n                  {tr(\n                    \"export.templates.empty.actions.newTemplate\",\n                    \"New Template\",\n                  )}\n                </button>\n              )\n            }\n          />\n        )\n      ) : null}\n      {templatePendingDelete && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-list-delete-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"template-list-delete-title\" className=\"text-lg font-bold\">\n              {tr(\"export.templates.delete.title\", \"Delete template?\")}\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {tr(\n                \"export.templates.delete.description\",\n                \"This removes the saved export configuration. Existing export jobs are not deleted.\",\n              )}\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setTemplatePendingDelete(null)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.cancel\", \"Keep Template\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={confirmDeleteTemplate}\n                className=\"px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium\"\n              >\n                {tr(\"export.templates.delete.confirmAction\", \"Delete Template\")}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/export/pages/TemplateDetailPage.js

@@ -4,216 +4,222 @@ import { getArchiveFormatDisplayName as r, getFormatDisplayName as i } from "../
 import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
 import { nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
 import { useState as l } from "react";
-import { AlertCircle as u, ArrowLeft as d, Clock as f, Download as p, FileBox as m, FileText as h, HardDrive as g, Loader2 as _, Play as v, Trash2 as y } from "lucide-react";
-import { useParams as b } from "react-router-dom";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { CTAOverflowMenu as C, GlassCard as w, ShowMore as T } from "@burdenoff/fe-libs/ui";
+import { ArrowLeft as u, Clock as d, Download as f, FileBox as p, FileText as m, HardDrive as h, Loader2 as g, Play as _, Trash2 as v } from "lucide-react";
+import { useParams as y } from "react-router-dom";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { CTAOverflowMenu as S, GlassCard as C, IllustratedEmptyState as w, NextSteps as T, ShowMore as E } from "@burdenoff/fe-libs/ui";
 //#region src/export/pages/TemplateDetailPage.tsx
-var E = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
-function D() {
-	let { templateId: D } = b(), { basePath: O = "/", navigate: k } = e(), [A, j] = l(!1), { data: M, isLoading: N } = n(D), { deleteTemplate: P, isPending: F } = t();
-	if (N) return /* @__PURE__ */ S("div", {
+var D = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+function O() {
+	let { templateId: O } = y(), { basePath: k = "/", navigate: A } = e(), [j, M] = l(!1), { data: N, isLoading: P } = n(O), { deleteTemplate: F, isPending: I } = t();
+	if (P) return /* @__PURE__ */ x("div", {
 		className: "flex flex-col items-center justify-center py-20",
-		children: [/* @__PURE__ */ x(_, {
+		children: [/* @__PURE__ */ b(g, {
 			size: 48,
 			className: "animate-spin text-primary"
-		}), /* @__PURE__ */ x("span", {
+		}), /* @__PURE__ */ b("span", {
 			className: "mt-6 text-sm font-medium text-text-secondary",
 			children: "Loading template details…"
 		})]
 	});
-	if (!M) return /* @__PURE__ */ S(a, {
+	if (!N) return /* @__PURE__ */ x(a, {
 		showHeader: !1,
-		children: [/* @__PURE__ */ S("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex items-center gap-3 mb-6",
-			children: [/* @__PURE__ */ x("button", {
+			children: [/* @__PURE__ */ b("button", {
 				type: "button",
-				onClick: () => k?.(E(O, "templates")),
+				onClick: () => A?.(D(k, "templates")),
+				"aria-label": "Back to templates",
 				className: "p-2.5 hover:bg-accent rounded-lg transition-all duration-200",
-				children: /* @__PURE__ */ x(d, { size: 20 })
-			}), /* @__PURE__ */ x("h1", {
+				children: /* @__PURE__ */ b(u, { size: 20 })
+			}), /* @__PURE__ */ b("h1", {
 				className: "text-xl font-bold",
 				children: "Template Not Found"
 			})]
-		}), /* @__PURE__ */ S("div", {
-			className: "border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-12 text-center",
-			children: [
-				/* @__PURE__ */ x(u, {
-					size: 48,
-					className: "text-status-error-text mx-auto mb-4"
-				}),
-				/* @__PURE__ */ x("h3", {
-					className: "text-lg font-bold text-status-error-text mb-2",
-					children: "Template Not Found"
-				}),
-				/* @__PURE__ */ x("p", {
-					className: "text-status-error-text mb-6",
-					children: "The template you are looking for does not exist."
-				}),
-				/* @__PURE__ */ S("button", {
-					type: "button",
-					onClick: () => k?.(E(O, "templates")),
-					className: "inline-flex items-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium",
-					children: [/* @__PURE__ */ x(d, { size: 18 }), "Back to Templates"]
-				})
-			]
+		}), /* @__PURE__ */ b(w, {
+			illustration: "empty-data",
+			title: "Template not found",
+			description: "The template you are looking for does not exist.",
+			action: /* @__PURE__ */ x("button", {
+				type: "button",
+				onClick: () => A?.(D(k, "templates")),
+				className: "inline-flex items-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium",
+				children: [/* @__PURE__ */ b(u, { size: 18 }), "Back to Templates"]
+			})
 		})]
 	});
-	let I = () => {
-		k?.(E(O, `new?templateId=${D}`));
-	}, L = async () => {
-		if (D) {
+	let L = () => {
+		A?.(D(k, `new?templateId=${O}`));
+	}, R = async () => {
+		if (O) {
 			s("medium");
 			try {
-				await P(D), c("success"), k?.(E(O, "templates"));
+				await F(O), c("success"), A?.(D(k, "templates"));
 			} catch {
 				c("error");
 			}
 		}
-	}, R = M.isDefault ? [] : [{
+	}, z = N.isDefault ? [] : [{
 		label: "Delete Template",
-		icon: /* @__PURE__ */ x(y, { size: 16 }),
+		icon: /* @__PURE__ */ b(v, { size: 16 }),
 		intent: "destructive",
-		disabled: F,
-		onSelect: () => j(!0)
+		disabled: I,
+		onSelect: () => M(!0)
+	}], B = [{
+		id: "use",
+		label: "Start an export from this template",
+		description: "Pre-fills a new export with this template's entity types and format.",
+		icon: /* @__PURE__ */ b(_, { size: 16 }),
+		onClick: L
+	}, {
+		id: "browse",
+		label: "Browse all templates",
+		description: "Manage your other saved export configurations.",
+		icon: /* @__PURE__ */ b(p, { size: 16 }),
+		onClick: () => A?.(D(k, "templates"))
 	}];
-	return /* @__PURE__ */ S(a, {
+	return /* @__PURE__ */ x(a, {
 		showHeader: !1,
 		children: [
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "relative overflow-hidden rounded-xl bg-accent-wash border border-border-seam p-6 shadow-[var(--shadow-pop)]",
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "relative z-10 flex flex-col sm:flex-row sm:items-center gap-4",
 					children: [
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => k?.(E(O, "templates")),
+							onClick: () => A?.(D(k, "templates")),
 							"aria-label": "Back to templates",
 							className: "p-2.5 hover:bg-accent rounded-lg transition-colors duration-200 self-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
-							children: /* @__PURE__ */ x(d, { size: 20 })
+							children: /* @__PURE__ */ b(u, { size: 20 })
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-3 flex-1 min-w-0",
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "p-2.5 rounded-lg bg-action-primary-bg/10",
-								children: /* @__PURE__ */ x(m, {
+								children: /* @__PURE__ */ b(p, {
 									size: 24,
 									className: "text-primary"
 								})
-							}), /* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "flex-1 min-w-0",
-								children: [/* @__PURE__ */ x("h1", {
+								children: [/* @__PURE__ */ b("h1", {
 									className: "text-xl sm:text-2xl font-bold truncate",
-									children: M.name
-								}), /* @__PURE__ */ x("p", {
+									children: N.name
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm text-text-secondary mt-1",
-									children: M.isDefault ? "Default template" : "Custom template"
+									children: N.isDefault ? "Default template" : "Custom template"
 								})]
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ b("div", {
 							className: "flex-shrink-0",
-							children: /* @__PURE__ */ x(C, {
+							children: /* @__PURE__ */ b(S, {
 								primary: {
 									label: "Use Template",
-									icon: /* @__PURE__ */ x(v, { size: 16 }),
-									onSelect: I
+									icon: /* @__PURE__ */ b(_, { size: 16 }),
+									onSelect: L
 								},
-								actions: R
+								actions: z
 							})
 						})
 					]
 				})
 			}),
-			M.description && /* @__PURE__ */ x("div", {
+			N.description && /* @__PURE__ */ b("div", {
 				className: "border border-border-seam rounded-xl p-5 bg-bg-surface",
-				children: /* @__PURE__ */ x("p", {
+				children: /* @__PURE__ */ b("p", {
 					className: "text-sm text-text-secondary",
-					children: M.description
+					children: N.description
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 				children: [
 					{
-						icon: /* @__PURE__ */ x(h, { size: 18 }),
+						icon: /* @__PURE__ */ b(m, { size: 18 }),
 						label: "Format",
-						value: i(M.format)
+						value: i(N.format)
 					},
 					{
-						icon: /* @__PURE__ */ x(g, { size: 18 }),
+						icon: /* @__PURE__ */ b(h, { size: 18 }),
 						label: "Archive",
 						value: r("ZIP")
 					},
 					{
-						icon: /* @__PURE__ */ x(p, { size: 18 }),
+						icon: /* @__PURE__ */ b(f, { size: 18 }),
 						label: "Entity Types",
-						value: `${M.entityTypes.length} type${M.entityTypes.length === 1 ? "" : "s"}`
+						value: `${N.entityTypes.length} type${N.entityTypes.length === 1 ? "" : "s"}`
 					},
 					{
-						icon: /* @__PURE__ */ x(f, { size: 18 }),
+						icon: /* @__PURE__ */ b(d, { size: 18 }),
 						label: "Last Updated",
-						value: new Date(M.updatedAt).toLocaleDateString()
+						value: new Date(N.updatedAt).toLocaleDateString()
 					}
-				].map((e) => /* @__PURE__ */ S(w, {
+				].map((e) => /* @__PURE__ */ x(C, {
 					treatment: "metric",
 					className: "p-4 border-border-seam",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center gap-2 text-text-secondary mb-1",
-						children: [e.icon, /* @__PURE__ */ x("span", {
+						children: [e.icon, /* @__PURE__ */ b("span", {
 							className: "text-xs font-medium",
 							children: e.label
 						})]
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ b("p", {
 						className: "font-bold text-lg tabular-nums",
 						children: e.value
 					})]
 				}, e.label))
 			}),
-			/* @__PURE__ */ x(o, {
+			/* @__PURE__ */ b(T, {
+				storageKey: `export-template-${N.id}`,
+				title: "What's next",
+				steps: B
+			}),
+			/* @__PURE__ */ b(o, {
 				title: "Included Entity Types",
 				description: "Data types that will be exported",
-				children: /* @__PURE__ */ x(T, {
+				children: /* @__PURE__ */ b(E, {
 					collapsedHeight: 96,
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ b("div", {
 						className: "flex flex-wrap gap-2",
-						children: M.entityTypes.map((e) => /* @__PURE__ */ x("span", {
+						children: N.entityTypes.map((e) => /* @__PURE__ */ b("span", {
 							className: "inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium border border-border-seam bg-bg-sunken/30",
 							children: e
 						}, e))
 					})
 				})
 			}),
-			A && /* @__PURE__ */ x("div", {
+			j && /* @__PURE__ */ b("div", {
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": "template-delete-title",
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4",
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl",
 					children: [
-						/* @__PURE__ */ x("h2", {
+						/* @__PURE__ */ b("h2", {
 							id: "template-delete-title",
 							className: "text-lg font-bold",
 							children: "Delete template?"
 						}),
-						/* @__PURE__ */ x("p", {
+						/* @__PURE__ */ b("p", {
 							className: "mt-2 text-sm text-text-secondary",
 							children: "This removes the saved export configuration. Existing export jobs are not deleted."
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ x("div", {
 							className: "mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3",
-							children: [/* @__PURE__ */ x("button", {
+							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => j(!1),
+								onClick: () => M(!1),
 								className: "px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium",
 								children: "Keep Template"
-							}), /* @__PURE__ */ S("button", {
+							}), /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: L,
-								disabled: F,
+								onClick: R,
+								disabled: I,
 								className: "inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium disabled:opacity-50",
-								children: [F ? /* @__PURE__ */ x(_, {
+								children: [I ? /* @__PURE__ */ b(g, {
 									size: 16,
 									className: "animate-spin"
 								}) : null, "Delete Template"]
@@ -226,6 +232,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as TemplateDetailPage };
+export { O as TemplateDetailPage };
 
 //# sourceMappingURL=TemplateDetailPage.js.map

package/dist/export/pages/TemplateDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../src/export/pages/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { useState } from \"react\";\nimport {\n  ArrowLeft,\n  FileBox,\n  Download,\n  Play,\n  Trash2,\n  AlertCircle,\n  Clock,\n  FileText,\n  HardDrive,\n  Loader2,\n} from \"lucide-react\";\nimport { GlassCard, CTAOverflowMenu, ShowMore } from \"@burdenoff/fe-libs/ui\";\nimport type { CTAAction } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplate,\n  useDeleteExportTemplate,\n} from \"../hooks/useExportQueries\";\nimport {\n  getFormatDisplayName,\n  getArchiveFormatDisplayName,\n} from \"../constants/enums\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Helper to join paths correctly\n */\nconst joinPath = (base: string, path: string): string => {\n  const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n  return cleanBase + cleanPath;\n};\n\n/**\n * Template Detail Page\n * View template details and use it to create a new export.\n * Fetches template from the backend via useExportTemplate hook.\n */\nexport function TemplateDetailPage() {\n  const { templateId } = useParams<{ templateId: string }>();\n  const { basePath = \"/\", navigate } = useExport();\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  const { data: template, isLoading } = useExportTemplate(templateId);\n  const { deleteTemplate, isPending: deleting } = useDeleteExportTemplate();\n\n  // Loading\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20\">\n        <Loader2 size={48} className=\"animate-spin text-primary\" />\n        <span className=\"mt-6 text-sm font-medium text-text-secondary\">\n          Loading template details…\n        </span>\n      </div>\n    );\n  }\n\n  if (!template) {\n    return (\n      <PageLayout showHeader={false}>\n        <div className=\"flex items-center gap-3 mb-6\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-all duration-200\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <h1 className=\"text-xl font-bold\">Template Not Found</h1>\n        </div>\n        <div className=\"border-2 border-border-default rounded-xl bg-status-error-bg-subtle p-12 text-center\">\n          <AlertCircle\n            size={48}\n            className=\"text-status-error-text mx-auto mb-4\"\n          />\n          <h3 className=\"text-lg font-bold text-status-error-text mb-2\">\n            Template Not Found\n          </h3>\n          <p className=\"text-status-error-text mb-6\">\n            The template you are looking for does not exist.\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n            className=\"inline-flex items-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium\"\n          >\n            <ArrowLeft size={18} />\n            Back to Templates\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const handleUseTemplate = () => {\n    // Navigate to new export page pre-selected with this template\n    navigate?.(joinPath(basePath, `new?templateId=${templateId}`));\n  };\n\n  const handleDelete = async () => {\n    if (!templateId) return;\n    nativeImpact(\"medium\");\n    try {\n      await deleteTemplate(templateId);\n      nativeNotify(\"success\");\n      navigate?.(joinPath(basePath, \"templates\"));\n    } catch {\n      nativeNotify(\"error\");\n    }\n  };\n\n  const overflowActions: CTAAction[] = template.isDefault\n    ? []\n    : [\n        {\n          label: \"Delete Template\",\n          icon: <Trash2 size={16} />,\n          intent: \"destructive\",\n          disabled: deleting,\n          onSelect: () => setShowDeleteConfirm(true),\n        },\n      ];\n\n  return (\n    <PageLayout showHeader={false}>\n      {/* Header */}\n      <div className=\"relative overflow-hidden rounded-xl bg-accent-wash border border-border-seam p-6 shadow-[var(--shadow-pop)]\">\n        <div className=\"relative z-10 flex flex-col sm:flex-row sm:items-center gap-4\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n            aria-label=\"Back to templates\"\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-colors duration-200 self-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n            <div className=\"p-2.5 rounded-lg bg-action-primary-bg/10\">\n              <FileBox size={24} className=\"text-primary\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h1 className=\"text-xl sm:text-2xl font-bold truncate\">\n                {template.name}\n              </h1>\n              <p className=\"text-sm text-text-secondary mt-1\">\n                {template.isDefault ? \"Default template\" : \"Custom template\"}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex-shrink-0\">\n            <CTAOverflowMenu\n              primary={{\n                label: \"Use Template\",\n                icon: <Play size={16} />,\n                onSelect: handleUseTemplate,\n              }}\n              actions={overflowActions}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Description */}\n      {template.description && (\n        <div className=\"border border-border-seam rounded-xl p-5 bg-bg-surface\">\n          <p className=\"text-sm text-text-secondary\">\n            {template.description}\n          </p>\n        </div>\n      )}\n\n      {/* Info Grid */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        {[\n          {\n            icon: <FileText size={18} />,\n            label: \"Format\",\n            value: getFormatDisplayName(template.format),\n          },\n          {\n            icon: <HardDrive size={18} />,\n            label: \"Archive\",\n            // Backend template doesn't carry archiveFormat, default to ZIP\n            value: getArchiveFormatDisplayName(\"ZIP\"),\n          },\n          {\n            icon: <Download size={18} />,\n            label: \"Entity Types\",\n            value: `${template.entityTypes.length} type${template.entityTypes.length !== 1 ? \"s\" : \"\"}`,\n          },\n          {\n            icon: <Clock size={18} />,\n            label: \"Last Updated\",\n            value: new Date(template.updatedAt).toLocaleDateString(),\n          },\n        ].map((item) => (\n          <GlassCard\n            key={item.label}\n            treatment=\"metric\"\n            className=\"p-4 border-border-seam\"\n          >\n            <div className=\"flex items-center gap-2 text-text-secondary mb-1\">\n              {item.icon}\n              <span className=\"text-xs font-medium\">{item.label}</span>\n            </div>\n            <p className=\"font-bold text-lg tabular-nums\">{item.value}</p>\n          </GlassCard>\n        ))}\n      </div>\n\n      {/* Entity Types */}\n      <PageSection\n        title=\"Included Entity Types\"\n        description=\"Data types that will be exported\"\n      >\n        <ShowMore collapsedHeight={96}>\n          <div className=\"flex flex-wrap gap-2\">\n            {template.entityTypes.map((entity) => (\n              <span\n                key={entity}\n                className=\"inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium border border-border-seam bg-bg-sunken/30\"\n              >\n                {entity}\n              </span>\n            ))}\n          </div>\n        </ShowMore>\n      </PageSection>\n\n      {showDeleteConfirm && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-delete-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"template-delete-title\" className=\"text-lg font-bold\">\n              Delete template?\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              This removes the saved export configuration. Existing export jobs\n              are not deleted.\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setShowDeleteConfirm(false)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                Keep Template\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={deleting}\n                className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium disabled:opacity-50\"\n              >\n                {deleting ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : null}\n                Delete Template\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TemplateDetailPage.js","names":[],"sources":["../../../src/export/pages/TemplateDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { useState } from \"react\";\nimport {\n  ArrowLeft,\n  FileBox,\n  Download,\n  Play,\n  Trash2,\n  Clock,\n  FileText,\n  HardDrive,\n  Loader2,\n} from \"lucide-react\";\nimport {\n  GlassCard,\n  CTAOverflowMenu,\n  ShowMore,\n  IllustratedEmptyState,\n  NextSteps,\n  type NextStep,\n} from \"@burdenoff/fe-libs/ui\";\nimport type { CTAAction } from \"@burdenoff/fe-libs/ui\";\nimport { useExport } from \"../providers/ExportProvider\";\nimport {\n  useExportTemplate,\n  useDeleteExportTemplate,\n} from \"../hooks/useExportQueries\";\nimport {\n  getFormatDisplayName,\n  getArchiveFormatDisplayName,\n} from \"../constants/enums\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { nativeImpact, nativeNotify } from \"../../utils/nativeBridge\";\n\n/**\n * Helper to join paths correctly\n */\nconst joinPath = (base: string, path: string): string => {\n  const cleanBase = base.endsWith(\"/\") ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith(\"/\") ? path : `/${path}`;\n  return cleanBase + cleanPath;\n};\n\n/**\n * Template Detail Page\n * View template details and use it to create a new export.\n * Fetches template from the backend via useExportTemplate hook.\n */\nexport function TemplateDetailPage() {\n  const { templateId } = useParams<{ templateId: string }>();\n  const { basePath = \"/\", navigate } = useExport();\n  const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);\n\n  const { data: template, isLoading } = useExportTemplate(templateId);\n  const { deleteTemplate, isPending: deleting } = useDeleteExportTemplate();\n\n  // Loading\n  if (isLoading) {\n    return (\n      <div className=\"flex flex-col items-center justify-center py-20\">\n        <Loader2 size={48} className=\"animate-spin text-primary\" />\n        <span className=\"mt-6 text-sm font-medium text-text-secondary\">\n          Loading template details…\n        </span>\n      </div>\n    );\n  }\n\n  if (!template) {\n    return (\n      <PageLayout showHeader={false}>\n        <div className=\"flex items-center gap-3 mb-6\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n            aria-label=\"Back to templates\"\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-all duration-200\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <h1 className=\"text-xl font-bold\">Template Not Found</h1>\n        </div>\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"Template not found\"\n          description=\"The template you are looking for does not exist.\"\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n              className=\"inline-flex items-center gap-2 px-6 py-3 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg/90 transition-colors font-medium\"\n            >\n              <ArrowLeft size={18} />\n              Back to Templates\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const handleUseTemplate = () => {\n    // Navigate to new export page pre-selected with this template\n    navigate?.(joinPath(basePath, `new?templateId=${templateId}`));\n  };\n\n  const handleDelete = async () => {\n    if (!templateId) return;\n    nativeImpact(\"medium\");\n    try {\n      await deleteTemplate(templateId);\n      nativeNotify(\"success\");\n      navigate?.(joinPath(basePath, \"templates\"));\n    } catch {\n      nativeNotify(\"error\");\n    }\n  };\n\n  const overflowActions: CTAAction[] = template.isDefault\n    ? []\n    : [\n        {\n          label: \"Delete Template\",\n          icon: <Trash2 size={16} />,\n          intent: \"destructive\",\n          disabled: deleting,\n          onSelect: () => setShowDeleteConfirm(true),\n        },\n      ];\n\n  // Next-step guidance — what a new user would do with a saved template.\n  const nextSteps: NextStep[] = [\n    {\n      id: \"use\",\n      label: \"Start an export from this template\",\n      description:\n        \"Pre-fills a new export with this template's entity types and format.\",\n      icon: <Play size={16} />,\n      onClick: handleUseTemplate,\n    },\n    {\n      id: \"browse\",\n      label: \"Browse all templates\",\n      description: \"Manage your other saved export configurations.\",\n      icon: <FileBox size={16} />,\n      onClick: () => navigate?.(joinPath(basePath, \"templates\")),\n    },\n  ];\n\n  return (\n    <PageLayout showHeader={false}>\n      {/* Header */}\n      <div className=\"relative overflow-hidden rounded-xl bg-accent-wash border border-border-seam p-6 shadow-[var(--shadow-pop)]\">\n        <div className=\"relative z-10 flex flex-col sm:flex-row sm:items-center gap-4\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(joinPath(basePath, \"templates\"))}\n            aria-label=\"Back to templates\"\n            className=\"p-2.5 hover:bg-accent rounded-lg transition-colors duration-200 self-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40\"\n          >\n            <ArrowLeft size={20} />\n          </button>\n          <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n            <div className=\"p-2.5 rounded-lg bg-action-primary-bg/10\">\n              <FileBox size={24} className=\"text-primary\" />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <h1 className=\"text-xl sm:text-2xl font-bold truncate\">\n                {template.name}\n              </h1>\n              <p className=\"text-sm text-text-secondary mt-1\">\n                {template.isDefault ? \"Default template\" : \"Custom template\"}\n              </p>\n            </div>\n          </div>\n          <div className=\"flex-shrink-0\">\n            <CTAOverflowMenu\n              primary={{\n                label: \"Use Template\",\n                icon: <Play size={16} />,\n                onSelect: handleUseTemplate,\n              }}\n              actions={overflowActions}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Description */}\n      {template.description && (\n        <div className=\"border border-border-seam rounded-xl p-5 bg-bg-surface\">\n          <p className=\"text-sm text-text-secondary\">\n            {template.description}\n          </p>\n        </div>\n      )}\n\n      {/* Info Grid */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        {[\n          {\n            icon: <FileText size={18} />,\n            label: \"Format\",\n            value: getFormatDisplayName(template.format),\n          },\n          {\n            icon: <HardDrive size={18} />,\n            label: \"Archive\",\n            // Backend template doesn't carry archiveFormat, default to ZIP\n            value: getArchiveFormatDisplayName(\"ZIP\"),\n          },\n          {\n            icon: <Download size={18} />,\n            label: \"Entity Types\",\n            value: `${template.entityTypes.length} type${template.entityTypes.length !== 1 ? \"s\" : \"\"}`,\n          },\n          {\n            icon: <Clock size={18} />,\n            label: \"Last Updated\",\n            value: new Date(template.updatedAt).toLocaleDateString(),\n          },\n        ].map((item) => (\n          <GlassCard\n            key={item.label}\n            treatment=\"metric\"\n            className=\"p-4 border-border-seam\"\n          >\n            <div className=\"flex items-center gap-2 text-text-secondary mb-1\">\n              {item.icon}\n              <span className=\"text-xs font-medium\">{item.label}</span>\n            </div>\n            <p className=\"font-bold text-lg tabular-nums\">{item.value}</p>\n          </GlassCard>\n        ))}\n      </div>\n\n      {/* Next-step guidance (dismissable, per-template) */}\n      <NextSteps\n        storageKey={`export-template-${template.id}`}\n        title=\"What's next\"\n        steps={nextSteps}\n      />\n\n      {/* Entity Types */}\n      <PageSection\n        title=\"Included Entity Types\"\n        description=\"Data types that will be exported\"\n      >\n        <ShowMore collapsedHeight={96}>\n          <div className=\"flex flex-wrap gap-2\">\n            {template.entityTypes.map((entity) => (\n              <span\n                key={entity}\n                className=\"inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium border border-border-seam bg-bg-sunken/30\"\n              >\n                {entity}\n              </span>\n            ))}\n          </div>\n        </ShowMore>\n      </PageSection>\n\n      {showDeleteConfirm && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"template-delete-title\"\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-surface/80 backdrop-blur-sm p-4\"\n        >\n          <div className=\"w-full max-w-md rounded-xl border-2 border-border-subtle bg-bg-surface p-6 shadow-xl\">\n            <h2 id=\"template-delete-title\" className=\"text-lg font-bold\">\n              Delete template?\n            </h2>\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              This removes the saved export configuration. Existing export jobs\n              are not deleted.\n            </p>\n            <div className=\"mt-6 flex flex-col-reverse sm:flex-row sm:justify-end gap-3\">\n              <button\n                type=\"button\"\n                onClick={() => setShowDeleteConfirm(false)}\n                className=\"px-4 py-2 rounded-lg border-2 border-border-subtle hover:bg-accent transition-colors font-medium\"\n              >\n                Keep Template\n              </button>\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                disabled={deleting}\n                className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90 transition-colors font-medium disabled:opacity-50\"\n              >\n                {deleting ? (\n                  <Loader2 size={16} className=\"animate-spin\" />\n                ) : null}\n                Delete Template\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/node_modules/@apollo/client/version.js

@@ -1,5 +1,5 @@
 //#region node_modules/@apollo/client/version.js
-var e = "4.1.9";
+var e = "4.2.3";
 //#endregion
 export { e as version };
 

package/dist/node_modules/@apollo/client/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../../../../node_modules/@apollo/client/version.js"],"sourcesContent":["export const version = \"4.1.9\";\nexport const build = \"esm\";\n//# sourceMappingURL=version.js.map\n"],"x_google_ignoreList":[0],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../../node_modules/@apollo/client/version.js"],"sourcesContent":["export const version = \"4.2.3\";\nexport const build = \"esm\";\n//# sourceMappingURL=version.js.map\n"],"x_google_ignoreList":[0],"mappings":";AAAA,IAAa,IAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-export",
-  "version": "2026.625.2",
+  "version": "2026.626.2",
   "description": "Burdenoff Export Microfrontend - Data export management interface",
   "type": "module",
   "files": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.625.3",
+    "@burdenoff/fe-libs": "2026.625.5",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",