@burdenoff/microfe-export 2026.713.1 → 2026.715.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 {\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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"}
+{"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 key={i} className=\"border border-border-seam rounded-xl p-5\">\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.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Template Detail Page
+ * View template details and use it to create a new export.
+ * Fetches template from the backend via useExportTemplate hook.
+ */
+export declare function TemplateDetailPage(): import("react").JSX.Element;
+//# sourceMappingURL=TemplateDetailPage.d.ts.map

package/dist/export/pages/TemplateDetailPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateDetailPage.d.ts","sourceRoot":"","sources":["../../../src/export/pages/TemplateDetailPage.tsx"],"names":[],"mappings":"AA2CA;;;;GAIG;AACH,wBAAgB,kBAAkB,gCA4PjC"}

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  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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"}
+{"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\">{template.description}</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/export/providers/ExportProvider.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+import { ExportRootProps } from '../types';
+
+/**
+ * Hook to access Export context
+ */
+export declare const useExport: () => ExportRootProps;
+/**
+ * Provider component for Export microfrontend
+ * Sets up routing, context, Apollo Client, and React Query client
+ */
+export declare const ExportProvider: FC<PropsWithChildren<ExportRootProps>>;
+//# sourceMappingURL=ExportProvider.d.ts.map

package/dist/export/providers/ExportProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportProvider.d.ts","sourceRoot":"","sources":["../../../src/export/providers/ExportProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAyBnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAsChD;;GAEG;AACH,eAAO,MAAM,SAAS,uBAMrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAkNjE,CAAC"}

package/dist/export/store/exportStore.d.ts

@@ -0,0 +1,17 @@
+import { ExportJob, ExportFilter, ExportDisplayMode, ExportPagination } from '../types';
+
+interface ExportState {
+    selectedJob: ExportJob | null;
+    viewMode: ExportDisplayMode;
+    jobFilter: ExportFilter;
+    pagination: ExportPagination;
+    setSelectedJob: (job: ExportJob | null) => void;
+    setViewMode: (mode: ExportDisplayMode) => void;
+    updateFilter: (filter: Partial<ExportFilter>) => void;
+    resetFilter: () => void;
+    setPagination: (p: Partial<ExportPagination>) => void;
+    resetPagination: () => void;
+}
+export declare const useExportStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ExportState>>;
+export {};
+//# sourceMappingURL=exportStore.d.ts.map

package/dist/export/store/exportStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportStore.d.ts","sourceRoot":"","sources":["../../../src/export/store/exportStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EACjB,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IAEnB,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;IAG5B,SAAS,EAAE,YAAY,CAAC;IAGxB,UAAU,EAAE,gBAAgB,CAAC;IAG7B,cAAc,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAeD,eAAO,MAAM,cAAc,0EAuBxB,CAAC"}

package/dist/export/types/index.d.ts

@@ -0,0 +1,230 @@
+/**
+ * Navigation item for shell integration
+ */
+export interface NavItem {
+    id: string;
+    label: string;
+    path: string;
+    icon?: React.ReactNode;
+    badge?: number;
+    order?: number;
+    group?: string;
+    visible?: boolean;
+    /** Nested children items for dropdown menus */
+    children?: NavItem[];
+}
+/**
+ * Footer item for shell integration
+ */
+export interface FooterItem {
+    id: string;
+    label: string;
+    type: "status" | "action";
+    order?: number;
+    section: "left" | "center" | "right";
+}
+/**
+ * Base microfrontend root props
+ * TODO: Import from '@burdenoff/fe-libs/shared/types' when fe-libs is built
+ */
+export interface MicrofrontendRootProps {
+}
+/**
+ * Props for the ExportRoot component
+ */
+export interface ExportRootProps extends MicrofrontendRootProps {
+    /**
+     * Base path for the export microfrontend
+     */
+    basePath?: string;
+    /**
+     * Workspace ID for scoping operations
+     */
+    workspaceId?: string;
+    /**
+     * Tenant ID for global-layer operations
+     */
+    tenantId?: string;
+    /**
+     * Organization ID for org-scoped exports
+     */
+    organizationId?: string;
+    /**
+     * API Gateway URL for GraphQL requests
+     */
+    apiGatewayUrl?: string;
+    /**
+     * Authentication token for API requests (platform identity JWT)
+     */
+    authToken?: string;
+    /**
+     * Workspace token for workspace-scoped API requests (workspace access JWT).
+     * The gateway requires both authToken (Authorization) and workspaceToken
+     * (X-Workspace-Authorization) for workspace operations.
+     */
+    workspaceToken?: string;
+    /** Optional shell-owned event bus. MFEs emit events; host shells own sinks. */
+    eventBus?: {
+        emit: (event: string, payload: unknown) => void;
+    };
+    /**
+     * Async function to obtain a fresh workspace token.
+     * Called by the error link when the gateway returns TOKEN_EXPIRED.
+     * The shell should implement this by calling wspace-auth-svc to issue a new token.
+     */
+    getWorkspaceToken?: () => Promise<string | null>;
+    /**
+     * Navigation function provided by the shell
+     */
+    navigate?: (path: string) => void;
+    /**
+     * Current user information
+     */
+    currentUser?: {
+        id: string;
+        email: string;
+        firstName?: string;
+        lastName?: string;
+    };
+    /**
+     * Optional function to register navigation items with the shell
+     * Injected by the shell app
+     */
+    registerNavItems?: (items: NavItem | NavItem[]) => () => void;
+    /**
+     * Optional function to register footer items with the shell
+     * Injected by the shell app
+     */
+    registerFooterItems?: (items: FooterItem | FooterItem[]) => () => void;
+}
+/**
+ * Export job status
+ */
+export type ExportJobStatus = "CREATED" | "QUEUED" | "RUNNING" | "COMPLETED" | "FAILED" | "CANCELLED" | "EXPIRED" | "DELETED";
+/**
+ * Export scope — determines which data is included
+ */
+export type ExportScope = "INDIVIDUAL" | "WORKSPACE_ADMIN" | "ORG_ADMIN";
+/**
+ * Export output format — backend only supports JSON and CSV
+ */
+export type ExportFormat = "CSV" | "JSON";
+/**
+ * Export archive format
+ */
+export type ExportArchiveFormat = "ZIP";
+/**
+ * Export job entity — aligned with backend schema
+ */
+export interface ExportJob {
+    id: string;
+    name: string;
+    description?: string;
+    status: ExportJobStatus;
+    progress: number;
+    exportScope?: ExportScope;
+    organizationId?: string;
+    targetWorkspaceIds?: string[];
+    entityTypes: string[];
+    format: ExportFormat;
+    archiveFormat: ExportArchiveFormat;
+    /** Total number of entities to export (backend field name) */
+    totalEntities?: number;
+    /** Number of entities processed so far (backend field name) */
+    processedEntities?: number;
+    totalSizeBytes?: number;
+    parts: ExportPart[];
+    templateId?: string;
+    filters?: Record<string, unknown>;
+    errorMessage?: string;
+    startedAt?: string;
+    completedAt?: string;
+    expiresAt?: string;
+    /** UUID of the actor who created the job */
+    createdBy: string;
+    temporalWorkflowId?: string;
+    workspaceId?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+/**
+ * Export part (individual file within an export job)
+ */
+export interface ExportPart {
+    id: string;
+    jobId?: string;
+    partNumber: number;
+    fileName: string;
+    /** Array of entity types contained in this part */
+    entityTypes: string[];
+    sizeBytes: number;
+    downloadUrl?: string;
+    downloadExpiresAt?: string;
+    checksum?: string;
+    createdAt?: string;
+}
+/**
+ * Export template for reusable export configurations
+ */
+export interface ExportTemplate {
+    id: string;
+    name: string;
+    description?: string;
+    entityTypes: string[];
+    format: ExportFormat;
+    filters?: Record<string, unknown>;
+    /** Whether this is a default system template */
+    isDefault: boolean;
+    /** UUID of the actor who created the template */
+    createdBy: string;
+    workspaceId?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+/**
+ * Available entity type for export
+ */
+export interface ExportAvailableEntity {
+    entityType: string;
+    displayName: string;
+    description?: string;
+    estimatedSize?: string;
+    supportsDateRange: boolean;
+    supportsMediaExport: boolean;
+    enabled: boolean;
+}
+/**
+ * GraphQL connection page info
+ */
+export interface PageInfo {
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    startCursor?: string;
+    endCursor?: string;
+}
+/**
+ * Export filter options
+ */
+export interface ExportFilter {
+    search: string;
+    status: ExportJobStatus | "all";
+    format: ExportFormat | "all";
+    dateRange: "all" | "today" | "week" | "month" | "quarter";
+}
+/**
+ * Pagination state for export job list
+ */
+export interface ExportPagination {
+    page: number;
+    cursor: string | null;
+    pageSize: number;
+}
+/**
+ * View mode for export UI
+ */
+export type ExportView = "dashboard" | "new" | "history" | "templates";
+/**
+ * View mode for export display
+ */
+export type ExportDisplayMode = "list" | "grid";
+//# sourceMappingURL=index.d.ts.map

package/dist/export/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/export/types/index.ts"],"names":[],"mappings":"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"}

package/dist/export/utils/cn.d.ts

@@ -0,0 +1,8 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Utility function to merge Tailwind CSS classes
+ * Combines clsx for conditional classes and tailwind-merge for deduplication
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/export/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/export/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C;;;GAGG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/export/utils/disabledModules.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Export entity availability.
+ *
+ * For now, export is limited to the **workspaces app** and **vibecontrols**.
+ * Entity types belonging to any other product are still shown in the export
+ * wizard but rendered **disabled** (greyed out, non-selectable) rather than
+ * hidden — so users can see the capability exists without selecting it.
+ *
+ * Matching is by entity-type module prefix (entity types are seeded as
+ * `<module>_<thing>`, e.g. `bigconsole_dashboards`). Workspaces-app/core
+ * modules and `vibecontrols_*` are intentionally absent from this list and
+ * stay enabled.
+ *
+ * Reversible: remove a prefix here to re-enable that product's export entities.
+ *
+ * NOTE: this is a denylist, so a *new* product seeded on the backend is enabled
+ * by default until its prefix is added here. That's deliberate — workspaces-core
+ * modules (the allowed set) change far more often than products are added, and an
+ * allowlist would silently hide new core entity types. Adding a new product's
+ * export entities should include adding its prefix here.
+ */
+export declare const DISABLED_EXPORT_MODULE_PREFIXES: readonly ["bigconsole", "botlit", "healthybowl", "crewfoundry", "movethewheels", "eventfullymanaged", "ggnomad", "headshotmarketing", "kadaikodi", "timecampus", "assethandler", "housingvista", "planmagnet"];
+/**
+ * True if the entity type belongs to a product whose export is disabled for now
+ * (i.e. not part of the workspaces app or vibecontrols).
+ */
+export declare function isExportEntityDisabled(entityType: string): boolean;
+//# sourceMappingURL=disabledModules.d.ts.map

package/dist/export/utils/disabledModules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabledModules.d.ts","sourceRoot":"","sources":["../../../src/export/utils/disabledModules.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,+BAA+B,gNAclC,CAAC;AAEX;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAIlE"}

package/dist/export/utils/events.d.ts

@@ -0,0 +1,7 @@
+import { ExportRootProps } from '../types';
+
+export type ExportEventName = "export.job.created" | "export.job.cancelled" | "export.job.deleted" | "export.job.retried" | "export.template.created" | "export.template.updated" | "export.template.deleted" | "export.api.failed";
+type ExportEventPayload = Record<string, unknown>;
+export declare function emitExportEvent(context: Pick<ExportRootProps, "eventBus" | "workspaceId">, name: ExportEventName, payload?: ExportEventPayload): void;
+export {};
+//# sourceMappingURL=events.d.ts.map

package/dist/export/utils/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/export/utils/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,eAAe,GACvB,oBAAoB,GACpB,sBAAsB,GACtB,oBAAoB,GACpB,oBAAoB,GACpB,yBAAyB,GACzB,yBAAyB,GACzB,yBAAyB,GACzB,mBAAmB,CAAC;AAExB,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAElD,wBAAgB,eAAe,CAC7B,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,aAAa,CAAC,EAC1D,IAAI,EAAE,eAAe,EACrB,OAAO,GAAE,kBAAuB,GAC/B,IAAI,CAmBN"}

package/dist/export/utils/i18n.d.ts

@@ -0,0 +1,6 @@
+import { I18nContextValue } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';
+
+type TranslationParams = Record<string, string | number>;
+export declare function tWithFallback(t: I18nContextValue["t"], key: string, fallback: string, params?: TranslationParams): string;
+export {};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/export/utils/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/export/utils/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAE/F,KAAK,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAgBzD,wBAAgB,aAAa,CAC3B,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,EACxB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,iBAAiB,GACzB,MAAM,CAKR"}

package/dist/generated/global-operations.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=global-operations.d.ts.map

package/dist/generated/global-operations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-operations.d.ts","sourceRoot":"","sources":["../../src/generated/global-operations.ts"],"names":[],"mappings":""}