/**
 * cli:scaffold-component — render/reconduction.ts
 * Extracted VERBATIM from the historical generate.ts (pure move — frozen by
 * the 1.0 corpus hash). Renders nothing when the view is absent from
 * spec.views.
 */
import type { GeneratedFile } from '../types.js'
import { extensionsModuleId } from '../../../../../../lib/app-classification.js'
import { GENERATED_MARKER } from './shared.js'
import type { RenderContext } from './context.js'

export function renderReconduction(rc: RenderContext): GeneratedFile[] {
  const files: GeneratedFile[] = []
  const { spec, e, eLower, featurePath, pathFor, permKey, plural, sectionCamel } = rc
  // ─── ReconductionPage (Bug 7) ────────────────────────────────────────────
  // Bulk-renewal pattern: shows eligible entities in a multi-select table with
  // a single "Reconduct selected" header action. Optional twin action "Refuse"
  // when reconductionConfig.withRefuse is true. The bulk hooks must exist in
  // api-client output (declare customActions `reconduct` and `refuse-reconduction`
  // with scope:'bulk' to wire the buttons).
  if (spec.views.includes('reconduction')) {
    const rcfg = spec.reconductionConfig ?? { actionLabelKey: 'reconduction.action.reconduct', withRefuse: false }
    const refuseImport = rcfg.withRefuse ? `, useRefuseReconduction${plural}` : ''
    const refuseHookDecl = rcfg.withRefuse
      ? `  const refuseMutation = useRefuseReconduction${plural}()\n`
      : ''
    const refuseHandler = rcfg.withRefuse
      ? `
  const handleRefuse = async () => {
    if (selectedIds.length === 0) return
    await refuseMutation.mutateAsync(selectedIds)
    setSelectedIds([])
    refetch()
  }`
      : ''
    const refuseButton = rcfg.withRefuse
      ? `
            <button
              type="button"
              onClick={() => void handleRefuse()}
              disabled={selectedIds.length === 0 || refuseMutation.isPending}
              className="px-3 py-2 rounded-[var(--radius-button)] border border-[var(--border-color)] text-sm font-medium text-[var(--text-primary)] hover:bg-[var(--bg-hover)] disabled:opacity-50"
            >
              {t('${eLower}.reconduction.action.refuse')}
            </button>`
      : ''
    files.push({
      path: pathFor('reconduction', `${e}ReconductionPage.tsx`),
      content: `${GENERATED_MARKER}import { useState } from 'react'
import { useTranslation } from 'react-i18next'
import { Loader2, RefreshCw } from 'lucide-react'
import { Slot } from '@atlashub/smartstack'
import { PermissionGuard } from '@/components/auth/PermissionGuard'
import { PageTemplate } from '@/components/ui/PageTemplate'
import { routes } from '@/extensions/${extensionsModuleId(spec.appCode, spec.module)}Routes'
import { use${plural}, useReconduct${plural}${refuseImport} } from '${featurePath}/hooks/use${e}'
import type { ${e}ListDto } from '${featurePath}/types'

export function ${e}ReconductionPage() {
  const { t } = useTranslation('${spec.module}')
  const { data, isLoading, error, refetch } = use${plural}()
  const reconductMutation = useReconduct${plural}()
${refuseHookDecl}  const [selectedIds, setSelectedIds] = useState<string[]>([])

  const toggle = (id: string) =>
    setSelectedIds((prev) =>
      prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id],
    )

  const handleReconduct = async () => {
    if (selectedIds.length === 0) return
    await reconductMutation.mutateAsync(selectedIds)
    setSelectedIds([])
    refetch()
  }${refuseHandler}

  const items: ${e}ListDto[] = data?.items ?? []

  return (
    <PermissionGuard permission="${permKey}.update">
      <PageTemplate
        title={t('${eLower}.reconduction.title')}
        subtitle={t('${eLower}.reconduction.subtitle')}
        icon={<RefreshCw className="w-6 h-6" />}
        breadcrumbs={[
          { label: t('${eLower}.breadcrumb.section'), href: routes.${sectionCamel}.list() },
          { label: t('${eLower}.reconduction.title') },
        ]}
        actions={
          <div className="flex flex-wrap items-center gap-2">
            <button
              type="button"
              onClick={() => void handleReconduct()}
              disabled={selectedIds.length === 0 || reconductMutation.isPending}
              className="btn btn-primary disabled:opacity-50"
            >
              <RefreshCw className="w-4 h-4" />
              {t('${eLower}.${rcfg.actionLabelKey}')}
              {selectedIds.length > 0 && (
                <span className="ml-1 text-xs opacity-80">({selectedIds.length})</span>
              )}
            </button>${refuseButton}
          </div>
        }
      >
        <Slot name="${eLower}.reconduction.header" />

        {error && (
          <div className="mb-4 p-3 rounded-[var(--radius-card)] bg-[var(--error-bg)] border border-[var(--error-border)] text-sm text-[var(--error-text)]">
            {t('${eLower}.reconduction.error')}: {String(error)}
          </div>
        )}

        {isLoading ? (
          <div className="flex items-center justify-center py-12 text-[var(--text-muted)]">
            <Loader2 className="w-5 h-5 animate-spin mr-2" />
            {t('${eLower}.reconduction.loading')}
          </div>
        ) : items.length === 0 ? (
          <div className="p-4 rounded-[var(--radius-card)] border border-[var(--border-color)] bg-[var(--bg-card)] text-sm text-[var(--text-muted)]">
            {t('${eLower}.reconduction.empty')}
          </div>
        ) : (
          <div className="overflow-x-auto rounded-[var(--radius-card)] border border-[var(--border-color)]">
            <table className="w-full text-sm">
              <thead className="bg-[var(--bg-elevated)] text-[var(--text-muted)]">
                <tr>
                  <th className="p-3 text-left w-12">
                    <input
                      type="checkbox"
                      checked={selectedIds.length === items.length && items.length > 0}
                      onChange={() =>
                        setSelectedIds(selectedIds.length === items.length ? [] : items.map((x) => x.id))
                      }
                      aria-label={t('${eLower}.reconduction.selectAll')}
                    />
                  </th>
                  <th className="p-3 text-left font-semibold uppercase text-xs tracking-wider">
                    {t('${eLower}.reconduction.columns.identifier')}
                  </th>
                </tr>
              </thead>
              <tbody>
                {items.map((item) => (
                  <tr
                    key={item.id}
                    className="border-t border-[var(--border-color)] hover:bg-[var(--bg-hover)]"
                  >
                    <td className="p-3">
                      <input
                        type="checkbox"
                        checked={selectedIds.includes(item.id)}
                        onChange={() => toggle(item.id)}
                        aria-label={item.id}
                      />
                    </td>
                    <td className="p-3 text-[var(--text-primary)]">{item.id}</td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        )}

        <Slot name="${eLower}.reconduction.footer" />
      </PageTemplate>
    </PermissionGuard>
  )
}

export default ${e}ReconductionPage
`,
    })
  }

  return files
}