@happyvertical/smrt-projects 0.40.65 → 0.40.67

package/dist/svelte/DevelopmentBoard.svelte

@@ -1,8 +1,18 @@
 <script lang="ts">
+import {
+  Board,
+  type BoardCard,
+  type BoardColumn,
+} from '@happyvertical/smrt-svelte/board';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import type { DevelopmentRequestView } from './delivery-types.js';
 import { M } from './i18n.js';
 
+interface DevelopmentBoardCard extends BoardCard {
+  request: DevelopmentRequestView;
+  columnId: string;
+}
+
 export interface Props {
   requests?: DevelopmentRequestView[];
   columns?: string[];
@@ -15,89 +25,59 @@ let {
   onselect,
 }: Props = $props();
 const { t } = useI18n();
-const inColumn = (column: string) =>
-  requests.filter(
-    (request) =>
-      (request.deliveryStatus || request.status).toLowerCase() ===
-      column.toLowerCase(),
-  );
+const boardColumns = $derived<BoardColumn[]>(
+  columns.map((column) => ({
+    id: column.toLowerCase(),
+    label: column.replaceAll('_', ' '),
+  })),
+);
+const cards = $derived<DevelopmentBoardCard[]>(
+  requests.map((request) => ({
+    id: request.id,
+    request,
+    columnId: (request.deliveryStatus || request.status).toLowerCase(),
+  })),
+);
+const cardLabel = (card: DevelopmentBoardCard) =>
+  card.request.title ?? card.request.description;
 </script>
 
-<section class="board" aria-label={t(M['projects.development_board.aria'])}>
-  {#if requests.length === 0}
-    <p class="empty">{t(M['projects.development_board.empty'])}</p>
-  {:else}
-    {#each columns as column (column)}
-      <div class="lane">
-        <header>
-          <h3>{column.replaceAll('_', ' ')}</h3>
-          <span>{inColumn(column).length}</span>
-        </header>
-        <div class="lane__items">
-          {#each inColumn(column) as request (request.id)}
-            <!-- raw-primitive-allow: each board row is a semantic selection control -->
-            <button type="button" onclick={() => onselect?.(request)}>
-              <strong>{request.title ?? request.description}</strong>
-              <small>
-                {request.type}
-                {request.requesterLabel ? ` · ${request.requesterLabel}` : ''}
-              </small>
-            </button>
-          {/each}
-        </div>
-      </div>
-    {/each}
-  {/if}
-</section>
+{#if requests.length === 0}
+  <section
+    class="empty"
+    aria-label={t(M['projects.development_board.aria'])}
+  >
+    <p>{t(M['projects.development_board.empty'])}</p>
+  </section>
+{:else}
+  <Board
+    columns={boardColumns}
+    {cards}
+    label={t(M['projects.development_board.aria'])}
+    getCardColumnId={(card) => card.columnId}
+    setCardColumnId={(card, columnId) => ({ ...card, columnId })}
+    getCardLabel={cardLabel}
+    onselect={(card) => onselect?.(card.request)}
+  >
+    {#snippet card({ card })}
+      <strong>{card.request.title ?? card.request.description}</strong>
+      <small>
+        {card.request.type}
+        {card.request.requesterLabel
+          ? ` · ${card.request.requesterLabel}`
+          : ''}
+      </small>
+    {/snippet}
+  </Board>
+{/if}
 
 <style>
-  .board {
-    display: grid;
-    gap: var(--smrt-spacing-5);
-    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
-    overflow-x: auto;
-  }
-  .lane {
-    min-width: 0;
-  }
   .empty {
     color: var(--smrt-color-on-surface-variant);
-    grid-column: 1 / -1;
     margin: 0;
     padding: var(--smrt-spacing-5) var(--smrt-spacing-1);
   }
-  .lane header {
-    align-items: center;
-    border-bottom: 2px solid var(--smrt-color-primary);
-    display: flex;
-    justify-content: space-between;
-    padding: var(--smrt-spacing-2) var(--smrt-spacing-1);
-  }
-  .lane h3 {
-    font-size: var(--smrt-typography-label-medium-size);
-    margin: 0;
-    text-transform: uppercase;
-  }
-  .lane__items {
-    display: grid;
-  }
-  .lane__items button {
-    background: transparent;
-    border: 0;
-    border-bottom: 1px solid var(--smrt-color-outline-variant);
-    color: inherit;
-    cursor: pointer;
-    display: grid;
-    gap: var(--smrt-spacing-1);
-    padding: var(--smrt-spacing-4) var(--smrt-spacing-1);
-    text-align: left;
-    transition: transform 120ms ease;
-  }
-  .lane__items button:hover,
-  .lane__items button:focus-visible {
-    transform: translateX(var(--smrt-spacing-1));
-  }
-  .lane small {
+  small {
     color: var(--smrt-color-on-surface-variant);
   }
 </style>

package/dist/svelte/DevelopmentBoard.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevelopmentBoard.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/DevelopmentBoard.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAIlE,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACtD;AAoDD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"DevelopmentBoard.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/DevelopmentBoard.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AASlE,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACtD;AAsDD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/svelte/ProjectBoard.svelte

@@ -0,0 +1,157 @@
+<script lang="ts">
+import {
+  Board,
+  type BoardCard,
+  type BoardColumn,
+  type BoardMoveIntent,
+} from '@happyvertical/smrt-svelte/board';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { ProjectItem, ProjectStatus } from '../types.js';
+import { M } from './i18n.js';
+import type { ProjectBoardMoveIntent } from './project-board-types.js';
+
+interface ProjectBoardColumn extends BoardColumn {
+  status?: string;
+}
+
+interface ProjectBoardCard extends BoardCard {
+  item: ProjectItem;
+  columnId: string;
+}
+
+interface ProjectBoardBaseProps {
+  /** Provider project identity, forwarded only to the injected move action. */
+  projectId: string;
+  /** Canonical, ordered provider statuses. Their supplied order is preserved. */
+  statuses: readonly ProjectStatus[];
+  /** Authoritative provider items; this adapter never reorders them locally. */
+  items: readonly ProjectItem[];
+  onselect?: (item: ProjectItem) => void;
+  label?: string;
+}
+
+interface ReadOnlyProjectBoardProps {
+  /** Omit both callbacks to expose a read-only controlled board. */
+  onmove?: never;
+  onrefresh?: never;
+}
+
+interface MovableProjectBoardProps {
+  /**
+   * Browser-safe mutation boundary. Its consumer attaches authorization in a
+   * server action before it calls ProjectBoardService.
+   */
+  onmove: (intent: ProjectBoardMoveIntent) => void | Promise<void>;
+  /** Required reconciliation of controlled cards after every move attempt. */
+  onrefresh: () => void | Promise<void>;
+}
+
+/** A controlled project board is movable only with an authoritative refresh. */
+export type Props = ProjectBoardBaseProps &
+  (ReadOnlyProjectBoardProps | MovableProjectBoardProps);
+
+let { projectId, statuses, items, onmove, onrefresh, onselect, label }: Props =
+  $props();
+
+const { t } = useI18n();
+const unmatchedColumnId = '__smrt_projects_unmatched__';
+const statusByName = $derived(
+  new Map(statuses.map((status) => [status.name, status])),
+);
+const hasUnmatchedItems = $derived(
+  items.some((item) => !statusByName.has(item.status ?? '')),
+);
+const movementEnabled = $derived(
+  onmove !== undefined && onrefresh !== undefined,
+);
+const columns = $derived<ProjectBoardColumn[]>([
+  ...statuses.map((status) => ({
+    id: status.id,
+    label: status.name,
+    status: status.name,
+  })),
+  ...(hasUnmatchedItems
+    ? [
+        {
+          id: unmatchedColumnId,
+          label: t(M['projects.project_board.unassigned']),
+          disabled: true,
+        },
+      ]
+    : []),
+]);
+const cards = $derived<ProjectBoardCard[]>(
+  items.map((item) => ({
+    id: item.id,
+    item,
+    columnId: statusByName.has(item.status ?? '')
+      ? (statusByName.get(item.status ?? '')?.id ?? unmatchedColumnId)
+      : unmatchedColumnId,
+  })),
+);
+
+async function refresh(): Promise<void> {
+  if (!onrefresh) throw new Error('Project board refresh is required.');
+  await onrefresh();
+}
+
+async function move(
+  intent: BoardMoveIntent<ProjectBoardCard, ProjectBoardColumn>,
+): Promise<void> {
+  const target = columns.find((column) => column.id === intent.target.columnId);
+  if (!target?.status || target.disabled || !onmove || !onrefresh) {
+    throw new Error('Project board move failed.');
+  }
+
+  try {
+    await onmove({
+      projectId,
+      itemId: intent.card.item.id,
+      status: target.status,
+    });
+    await refresh();
+  } catch {
+    // Controlled cards never become local truth. Re-fetch even when the
+    // mutation fails so a provider-side partial success is corrected.
+    try {
+      await refresh();
+    } catch {
+      // The original operation's failure is intentionally not exposed to the
+      // browser; it may contain provider details.
+    }
+    // Board owns the single live-region announcement and focus restoration.
+    throw new Error('Project board move failed.');
+  }
+}
+
+function cardLabel(card: ProjectBoardCard): string {
+  return card.item.title ?? card.item.id;
+}
+</script>
+
+<Board
+  {columns}
+  {cards}
+  label={label ?? t(M['projects.project_board.aria'])}
+  getCardColumnId={(card) => card.columnId}
+  setCardColumnId={(card, columnId) => ({ ...card, columnId })}
+  getCardLabel={cardLabel}
+  allowSameColumnReorder={false}
+  onmove={movementEnabled ? move : undefined}
+  onselect={(card) => onselect?.(card.item)}
+>
+  {#snippet card({ card })}
+    <!-- raw-primitive-allow: each board card is a semantic project selection control -->
+    <strong>{card.item.title ?? card.item.id}</strong>
+    <small>{card.item.type}</small>
+    {#if card.item.assignees?.length}
+      <small>{card.item.assignees.join(', ')}</small>
+    {/if}
+  {/snippet}
+</Board>
+
+<style>
+  small {
+    color: var(--smrt-color-on-surface-variant);
+  }
+</style>

package/dist/svelte/ProjectBoard.svelte.d.ts

@@ -0,0 +1,32 @@
+import type { ProjectItem, ProjectStatus } from '../types.js';
+import type { ProjectBoardMoveIntent } from './project-board-types.js';
+interface ProjectBoardBaseProps {
+    /** Provider project identity, forwarded only to the injected move action. */
+    projectId: string;
+    /** Canonical, ordered provider statuses. Their supplied order is preserved. */
+    statuses: readonly ProjectStatus[];
+    /** Authoritative provider items; this adapter never reorders them locally. */
+    items: readonly ProjectItem[];
+    onselect?: (item: ProjectItem) => void;
+    label?: string;
+}
+interface ReadOnlyProjectBoardProps {
+    /** Omit both callbacks to expose a read-only controlled board. */
+    onmove?: never;
+    onrefresh?: never;
+}
+interface MovableProjectBoardProps {
+    /**
+     * Browser-safe mutation boundary. Its consumer attaches authorization in a
+     * server action before it calls ProjectBoardService.
+     */
+    onmove: (intent: ProjectBoardMoveIntent) => void | Promise<void>;
+    /** Required reconciliation of controlled cards after every move attempt. */
+    onrefresh: () => void | Promise<void>;
+}
+/** A controlled project board is movable only with an authoritative refresh. */
+export type Props = ProjectBoardBaseProps & (ReadOnlyProjectBoardProps | MovableProjectBoardProps);
+declare const ProjectBoard: import("svelte").Component<Props, {}, "">;
+type ProjectBoard = ReturnType<typeof ProjectBoard>;
+export default ProjectBoard;
+//# sourceMappingURL=ProjectBoard.svelte.d.ts.map

package/dist/svelte/ProjectBoard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectBoard.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/ProjectBoard.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAYvE,UAAU,qBAAqB;IAC7B,6EAA6E;IAC7E,SAAS,EAAE,MAAM,CAAC;IAClB,+EAA+E;IAC/E,QAAQ,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,8EAA8E;IAC9E,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,yBAAyB;IACjC,kEAAkE;IAClE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,UAAU,wBAAwB;IAChC;;;OAGG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACjE,4EAA4E;IAC5E,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED,gFAAgF;AAChF,MAAM,MAAM,KAAK,GAAG,qBAAqB,GACvC,CAAC,yBAAyB,GAAG,wBAAwB,CAAC,CAAC;AA4GzD,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/components/__tests__/ProjectBoard.test.js

@@ -0,0 +1,156 @@
+// @vitest-environment jsdom
+import { expectNoA11yViolations, fireEvent, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
+import { describe, expect, it, vi } from 'vitest';
+import ProjectBoard from '../../ProjectBoard.svelte';
+const statuses = [
+    { id: 'todo', name: 'Todo', order: 0 },
+    { id: 'done', name: 'Done', order: 1 },
+];
+const items = [
+    {
+        id: 'item-1',
+        contentId: 'content-1',
+        title: 'Publish release notes',
+        status: 'Todo',
+        fields: {},
+        type: 'Issue',
+    },
+    {
+        id: 'item-2',
+        contentId: 'content-2',
+        title: 'Stale provider status',
+        status: 'Provider-only',
+        fields: {},
+        type: 'DraftIssue',
+    },
+];
+const sameStatusItems = [
+    items[0],
+    {
+        id: 'item-3',
+        contentId: 'content-3',
+        title: 'Review release notes',
+        status: 'Todo',
+        fields: {},
+        type: 'Issue',
+    },
+];
+describe('ProjectBoard', () => {
+    it('does not persist same-status keyboard or pointer reordering', async () => {
+        const onmove = vi.fn().mockResolvedValue(undefined);
+        const onrefresh = vi.fn().mockResolvedValue(undefined);
+        render(ProjectBoard, {
+            props: {
+                projectId: 'project-1',
+                statuses,
+                items: sameStatusItems,
+                onmove,
+                onrefresh,
+            },
+        });
+        const first = screen.getByRole('button', {
+            name: /Publish release notes/,
+        });
+        const second = screen.getByRole('button', {
+            name: /Review release notes/,
+        });
+        first.focus();
+        await userEvent.keyboard(' ');
+        await userEvent.keyboard('{ArrowDown}');
+        await userEvent.keyboard(' ');
+        fireEvent.dragStart(first, { dataTransfer: { setData: vi.fn() } });
+        fireEvent.drop(second, { clientY: 999 });
+        expect(onmove).not.toHaveBeenCalled();
+        expect(onrefresh).not.toHaveBeenCalled();
+        expect(screen.queryByText(/Moved Publish release notes to Todo/i)).not.toBeInTheDocument();
+    });
+    it('stays read-only when a browser move callback has no authoritative refresh', async () => {
+        const onmove = vi.fn();
+        render(ProjectBoard, {
+            // Runtime callers can bypass the public discriminated callback contract.
+            // The adapter must still avoid a move that cannot reconcile its cards.
+            props: {
+                projectId: 'project-1',
+                statuses,
+                items: [items[0]],
+                onmove,
+            },
+        });
+        const card = screen.getByRole('button', {
+            name: /Publish release notes/,
+        });
+        await userEvent.click(card);
+        card.focus();
+        await userEvent.keyboard(' ');
+        await userEvent.keyboard('{ArrowRight}');
+        await userEvent.keyboard(' ');
+        expect(onmove).not.toHaveBeenCalled();
+    });
+    it('preserves supplied status order, keeps unmatched items visible, and sends a pure move intent', async () => {
+        const onmove = vi.fn().mockResolvedValue(undefined);
+        const onrefresh = vi.fn().mockResolvedValue(undefined);
+        const onselect = vi.fn();
+        const { container } = render(ProjectBoard, {
+            props: {
+                projectId: 'project-1',
+                statuses,
+                items,
+                onmove,
+                onrefresh,
+                onselect,
+            },
+        });
+        const lanes = Array.from(container.querySelectorAll('.smrt-board__lane'));
+        expect(lanes.map((lane) => lane.getAttribute('aria-label'))).toEqual([
+            'Todo, 1 cards',
+            'Done, 0 cards',
+            'Unassigned, 1 cards',
+        ]);
+        expect(screen.getByText('Stale provider status')).toBeVisible();
+        const card = screen.getByRole('button', {
+            name: /Publish release notes/,
+        });
+        await userEvent.click(card);
+        expect(onselect).toHaveBeenCalledWith(items[0]);
+        card.focus();
+        await userEvent.keyboard(' ');
+        await userEvent.keyboard('{ArrowRight}');
+        await userEvent.keyboard(' ');
+        await vi.waitFor(() => {
+            expect(onmove).toHaveBeenCalledWith({
+                projectId: 'project-1',
+                itemId: 'item-1',
+                status: 'Done',
+            });
+            expect(onrefresh).toHaveBeenCalledTimes(1);
+        });
+        await expectNoA11yViolations(container);
+    });
+    it('refreshes authoritative state and lets Board make one sanitized failure announcement', async () => {
+        const onmove = vi
+            .fn()
+            .mockRejectedValue(new Error('provider token detail'));
+        const onrefresh = vi.fn().mockResolvedValue(undefined);
+        render(ProjectBoard, {
+            props: {
+                projectId: 'project-1',
+                statuses,
+                items: [items[0]],
+                onmove,
+                onrefresh,
+            },
+        });
+        const card = screen.getByRole('button', {
+            name: /Publish release notes/,
+        });
+        card.focus();
+        await userEvent.keyboard(' ');
+        await userEvent.keyboard('{ArrowRight}');
+        await userEvent.keyboard(' ');
+        await vi.waitFor(() => {
+            expect(onrefresh).toHaveBeenCalledTimes(1);
+            expect(screen.getByText('Could not move Publish release notes. The board was restored.')).toBeVisible();
+            expect(screen.getAllByText('Could not move Publish release notes. The board was restored.')).toHaveLength(1);
+        });
+    });
+});

package/dist/svelte/i18n.d.ts

@@ -11,6 +11,8 @@ export declare const M: {
     readonly 'projects.development_request.list_aria': "projects.development_request.list_aria";
     readonly 'projects.development_board.aria': "projects.development_board.aria";
     readonly 'projects.development_board.empty': "projects.development_board.empty";
+    readonly 'projects.project_board.aria': "projects.project_board.aria";
+    readonly 'projects.project_board.unassigned': "projects.project_board.unassigned";
     readonly 'projects.development_request.detail_aria': "projects.development_request.detail_aria";
     readonly 'projects.development_request.status': "projects.development_request.status";
     readonly 'projects.development_request.visibility': "projects.development_request.visibility";

package/dist/svelte/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDZ,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDZ,CAAC"}

package/dist/svelte/i18n.js

@@ -12,6 +12,8 @@ export const M = defineMessages({
     'projects.development_request.list_aria': 'Development requests',
     'projects.development_board.aria': 'Development board',
     'projects.development_board.empty': 'No visible development work',
+    'projects.project_board.aria': 'Project board',
+    'projects.project_board.unassigned': 'Unassigned',
     'projects.development_request.detail_aria': 'Development request details',
     'projects.development_request.status': 'Status',
     'projects.development_request.visibility': 'Visibility',

package/dist/svelte/index.d.ts

@@ -21,8 +21,9 @@ import DeliveryStatus from './DeliveryStatus.svelte';
 import DevelopmentBoard from './DevelopmentBoard.svelte';
 import DevelopmentRequestDetail from './DevelopmentRequestDetail.svelte';
 import PreviewApprovalPanel from './PreviewApprovalPanel.svelte';
+import ProjectBoard from './ProjectBoard.svelte';
 import ServiceEvidenceList from './ServiceEvidenceList.svelte';
-export { ApprovalActions, AssistanceLauncher, BulkActions, DeliveryStatus, DevelopmentBoard, DevelopmentRequestDetail, DevelopmentRequestForm, DevelopmentRequestList, DurationDisplay, PreviewApprovalPanel, RejectDialog, ServiceEvidenceList, TimeEntryCard, TimeEntryList, TimeSummary, };
+export { ApprovalActions, AssistanceLauncher, BulkActions, DeliveryStatus, DevelopmentBoard, DevelopmentRequestDetail, DevelopmentRequestForm, DevelopmentRequestList, DurationDisplay, PreviewApprovalPanel, ProjectBoard, RejectDialog, ServiceEvidenceList, TimeEntryCard, TimeEntryList, TimeSummary, };
 export type ApprovalActionsProps = ComponentProps<typeof ApprovalActions>;
 export type AssistanceLauncherProps = ComponentProps<typeof AssistanceLauncher>;
 export type BulkActionsProps = ComponentProps<typeof BulkActions>;
@@ -34,10 +35,12 @@ export type DevelopmentRequestListProps = ComponentProps<typeof DevelopmentReque
 export type DurationDisplayProps = ComponentProps<typeof DurationDisplay>;
 export type RejectDialogProps = ComponentProps<typeof RejectDialog>;
 export type PreviewApprovalPanelProps = ComponentProps<typeof PreviewApprovalPanel>;
+export type ProjectBoardProps = ComponentProps<typeof ProjectBoard>;
 export type ServiceEvidenceListProps = ComponentProps<typeof ServiceEvidenceList>;
 export type TimeEntryCardProps = ComponentProps<typeof TimeEntryCard>;
 export type TimeEntryListProps = ComponentProps<typeof TimeEntryList>;
 export type TimeSummaryProps = ComponentProps<typeof TimeSummary>;
 export * from './delivery-types.js';
+export type { ProjectBoardMoveIntent } from './project-board-types.js';
 export { type ApprovalStatus, type Currency, formatCurrency, formatDate, formatHours, formatHoursHHMM, statusColors, type TimeEntry, type TimeEntryStatus, } from './utils.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,kBAAkB,MAAM,6BAA6B,CAAC;AAE7D,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,oBAAoB,MAAM,+BAA+B,CAAC;AACjE,OAAO,mBAAmB,MAAM,8BAA8B,CAAC;AAG/D,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,WAAW,GACZ,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AACxE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5E,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,sBAAsB,CAC9B,CAAC;AACF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CACxD,OAAO,wBAAwB,CAChC,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,sBAAsB,CAC9B,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACpE,MAAM,MAAM,yBAAyB,GAAG,cAAc,CACpD,OAAO,oBAAoB,CAC5B,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,mBAAmB,CAC3B,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAElE,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,EACZ,KAAK,SAAS,EACd,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,kBAAkB,MAAM,6BAA6B,CAAC;AAE7D,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAC1D,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,oBAAoB,MAAM,+BAA+B,CAAC;AACjE,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,mBAAmB,MAAM,8BAA8B,CAAC;AAG/D,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,WAAW,GACZ,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AACxE,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5E,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,sBAAsB,CAC9B,CAAC;AACF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CACxD,OAAO,wBAAwB,CAChC,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,sBAAsB,CAC9B,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACpE,MAAM,MAAM,yBAAyB,GAAG,cAAc,CACpD,OAAO,oBAAoB,CAC5B,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACpE,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,mBAAmB,CAC3B,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAElE,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,cAAc,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,EACZ,KAAK,SAAS,EACd,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC"}

package/dist/svelte/index.js

@@ -23,15 +23,17 @@ import DeliveryStatus from './DeliveryStatus.svelte';
 import DevelopmentBoard from './DevelopmentBoard.svelte';
 import DevelopmentRequestDetail from './DevelopmentRequestDetail.svelte';
 import PreviewApprovalPanel from './PreviewApprovalPanel.svelte';
+import ProjectBoard from './ProjectBoard.svelte';
 import ServiceEvidenceList from './ServiceEvidenceList.svelte';
 // Export components
-export { ApprovalActions, AssistanceLauncher, BulkActions, DeliveryStatus, DevelopmentBoard, DevelopmentRequestDetail, DevelopmentRequestForm, DevelopmentRequestList, DurationDisplay, PreviewApprovalPanel, RejectDialog, ServiceEvidenceList, TimeEntryCard, TimeEntryList, TimeSummary, };
+export { ApprovalActions, AssistanceLauncher, BulkActions, DeliveryStatus, DevelopmentBoard, DevelopmentRequestDetail, DevelopmentRequestForm, DevelopmentRequestList, DurationDisplay, PreviewApprovalPanel, ProjectBoard, RejectDialog, ServiceEvidenceList, TimeEntryCard, TimeEntryList, TimeSummary, };
 export * from './delivery-types.js';
 // Export types and utilities
 export { formatCurrency, formatDate, formatHours, formatHoursHHMM, statusColors, } from './utils.js';
 // Auto-register with ModuleUIRegistry
 ModuleUIRegistry.registerModule(PROJECTS_MODULE_META);
 ModuleUIRegistry.register('@happyvertical/smrt-projects', 'development-board', DevelopmentBoard);
+ModuleUIRegistry.register('@happyvertical/smrt-projects', 'project-board', ProjectBoard);
 ModuleUIRegistry.register('@happyvertical/smrt-projects', 'delivery-status', DeliveryStatus);
 ModuleUIRegistry.register('@happyvertical/smrt-projects', 'preview-approval', PreviewApprovalPanel);
 ModuleUIRegistry.register('@happyvertical/smrt-projects', 'assistance-launcher', AssistanceLauncher);