@happyvertical/smrt-jobs 0.30.0

package/dist/svelte/components/JobList.svelte

@@ -0,0 +1,360 @@
+<script lang="ts">
+/**
+ * JobList - Display a filterable, sortable list of background jobs
+ */
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type { Snippet } from 'svelte';
+import { M } from '../i18n.js';
+import JobActions from './JobActions.svelte';
+import JobStatusBadge from './JobStatusBadge.svelte';
+import type { JobData, JobFilter, JobSort } from './types.js';
+import { formatRelativeTime, getPriorityLabel } from './types.js';
+
+const { t } = useI18n();
+
+export interface Props {
+  /** Jobs to display */
+  jobs: JobData[];
+  /** Loading state */
+  loading?: boolean;
+  /** Selectable rows */
+  selectable?: boolean;
+  /** Selected job IDs */
+  selected?: Set<string>;
+  /** Show actions column */
+  showActions?: boolean;
+  /** Callback when selection changes */
+  onSelectionChange?: (selected: Set<string>) => void;
+  /** Callback when job is clicked */
+  onJobClick?: (job: JobData) => void;
+  /** Callback when retry is clicked */
+  onRetry?: (job: JobData) => void;
+  /** Callback when cancel is clicked */
+  onCancel?: (job: JobData) => void;
+  /** Empty state snippet */
+  empty?: Snippet;
+}
+
+let {
+  jobs = [],
+  loading = false,
+  selectable = false,
+  selected = $bindable(new Set<string>()),
+  showActions = true,
+  onSelectionChange,
+  onJobClick,
+  onRetry,
+  onCancel,
+  empty,
+}: Props = $props();
+
+// Handle row click
+function handleRowClick(job: JobData) {
+  onJobClick?.(job);
+}
+
+// Handle row selection
+function handleRowSelect(jobId: string, event: Event) {
+  event.stopPropagation();
+  const newSelected = new Set(selected);
+  if (newSelected.has(jobId)) {
+    newSelected.delete(jobId);
+  } else {
+    newSelected.add(jobId);
+  }
+  selected = newSelected;
+  onSelectionChange?.(newSelected);
+}
+
+// Handle select all
+function handleSelectAll() {
+  if (allSelected) {
+    selected = new Set();
+  } else {
+    selected = new Set(jobs.map((job) => job.id));
+  }
+  onSelectionChange?.(selected);
+}
+
+// Selection state
+const allSelected = $derived(
+  jobs.length > 0 && jobs.every((job) => selected.has(job.id)),
+);
+const someSelected = $derived(
+  jobs.some((job) => selected.has(job.id)) && !allSelected,
+);
+
+// Action to set indeterminate state
+function setIndeterminate(node: HTMLInputElement, value: boolean) {
+  node.indeterminate = value;
+  return {
+    update(newValue: boolean) {
+      node.indeterminate = newValue;
+    },
+  };
+}
+</script>
+
+<div class="job-list-container">
+  <table class="job-list" class:loading>
+    <thead class="job-list__head">
+      <tr>
+        {#if selectable}
+          <th class="job-list__cell job-list__cell--checkbox">
+            <input
+              type="checkbox"
+              checked={allSelected}
+              use:setIndeterminate={someSelected}
+              onchange={handleSelectAll}
+              aria-label={t(M['jobs.job_list.select_all_jobs'])}
+            />
+          </th>
+        {/if}
+        <th class="job-list__cell">Status</th>
+        <th class="job-list__cell">Queue</th>
+        <th class="job-list__cell">Object</th>
+        <th class="job-list__cell">Method</th>
+        <th class="job-list__cell">Priority</th>
+        <th class="job-list__cell">Attempts</th>
+        <th class="job-list__cell">Created</th>
+        <th class="job-list__cell">{t(M['jobs.job_list.run_at'])}</th>
+        {#if showActions}
+          <th class="job-list__cell">Actions</th>
+        {/if}
+      </tr>
+    </thead>
+
+    <tbody class="job-list__body">
+      {#if loading}
+        <tr class="job-list__row job-list__row--loading">
+          <td class="job-list__cell job-list__cell--loading" colspan="10">
+            <div class="job-list__loading">
+              <span class="job-list__spinner"></span>
+              <span>{t(M['jobs.job_list.loading_jobs'])}</span>
+            </div>
+          </td>
+        </tr>
+      {:else if jobs.length === 0}
+        <tr class="job-list__row job-list__row--empty">
+          <td class="job-list__cell job-list__cell--empty" colspan="10">
+            {#if empty}
+              {@render empty()}
+            {:else}
+              <div class="job-list__empty">
+                <span>{t(M['jobs.job_list.no_jobs_found'])}</span>
+              </div>
+            {/if}
+          </td>
+        </tr>
+      {:else}
+        {#each jobs as job (job.id)}
+          {@const isSelected = selected.has(job.id)}
+          <tr
+            class="job-list__row"
+            class:job-list__row--selected={isSelected}
+            onclick={() => handleRowClick(job)}
+            role={onJobClick ? 'button' : undefined}
+            tabindex={onJobClick ? 0 : undefined}
+          >
+            {#if selectable}
+              <td class="job-list__cell job-list__cell--checkbox">
+                <input
+                  type="checkbox"
+                  checked={isSelected}
+                  onchange={(e) => handleRowSelect(job.id, e)}
+                  aria-label={t(M['jobs.job_list.select_job'])}
+                />
+              </td>
+            {/if}
+            <td class="job-list__cell">
+              <JobStatusBadge status={job.status} />
+            </td>
+            <td class="job-list__cell job-list__cell--queue">
+              {job.queue}
+            </td>
+            <td class="job-list__cell job-list__cell--object">
+              <span class="object-type">{job.objectType}</span>
+              {#if job.objectId}
+                <span class="object-id">#{job.objectId.slice(0, 8)}</span>
+              {/if}
+            </td>
+            <td class="job-list__cell job-list__cell--method">
+              <code>{job.method}</code>
+            </td>
+            <td class="job-list__cell job-list__cell--priority">
+              {getPriorityLabel(job.priority)}
+            </td>
+            <td class="job-list__cell job-list__cell--attempts">
+              {job.attempts}/{job.maxAttempts}
+            </td>
+            <td class="job-list__cell job-list__cell--date">
+              {formatRelativeTime(job.createdAt)}
+            </td>
+            <td class="job-list__cell job-list__cell--date">
+              {formatRelativeTime(job.runAt)}
+            </td>
+            {#if showActions}
+              <td class="job-list__cell job-list__cell--actions">
+                <JobActions
+                  {job}
+                  compact
+                  showDelete={false}
+                  {onRetry}
+                  {onCancel}
+                />
+              </td>
+            {/if}
+          </tr>
+        {/each}
+      {/if}
+    </tbody>
+  </table>
+</div>
+
+<style>
+  .job-list-container {
+    width: 100%;
+    overflow-x: auto;
+  }
+
+  .job-list {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    font: var(--smrt-typography-body-medium-font, 0.875rem / 1.25 sans-serif);
+    background: var(--smrt-color-surface, #ffffff);
+  }
+
+  .job-list.loading {
+    opacity: 0.7;
+    pointer-events: none;
+  }
+
+  .job-list__head {
+    background: var(--smrt-color-surface-container, #f3f4f6);
+  }
+
+  .job-list__head th {
+    padding: var(--smrt-spacing-sm, 0.5rem) var(--smrt-spacing-md, 1rem);
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+    text-align: left;
+    white-space: nowrap;
+    border-bottom: 1px solid var(--smrt-color-outline-variant, #c4c6cf);
+  }
+
+  .job-list__body tr {
+    border-bottom: 1px solid var(--smrt-color-outline-variant, #c4c6cf);
+    transition: background-color var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease);
+  }
+
+  .job-list__body tr:hover:not(.job-list__row--loading):not(.job-list__row--empty) {
+    background: var(--smrt-color-surface-container-low, #f9fafb);
+    cursor: pointer;
+  }
+
+  .job-list__row--selected {
+    background: var(--smrt-color-primary-container, #d6e3ff) !important;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .job-list__body tr {
+      transition: none;
+    }
+    
+    .job-list__spinner {
+      animation: none;
+    }
+  }
+
+  .job-list__cell {
+    padding: var(--smrt-spacing-sm, 0.5rem) var(--smrt-spacing-md, 1rem);
+    vertical-align: middle;
+  }
+
+  .job-list__cell--checkbox {
+    width: 40px;
+    text-align: center;
+  }
+
+  .job-list__cell--checkbox input {
+    cursor: pointer;
+  }
+
+  .job-list__cell--queue {
+    font-family: var(--smrt-font-family-mono, ui-monospace, monospace);
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+  }
+
+  .job-list__cell--object {
+    max-width: 200px;
+  }
+
+  .object-type {
+    font-weight: var(--smrt-typography-weight-medium, 500);
+  }
+
+  .object-id {
+    margin-left: var(--smrt-spacing-xs, 0.25rem);
+    color: var(--smrt-color-on-surface-variant, #43474e);
+    font-family: var(--smrt-font-family-mono, ui-monospace, monospace);
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+  }
+
+  .job-list__cell--method code {
+    padding: 0.125rem 0.375rem;
+    background: var(--smrt-color-surface-container, #f3f4f6);
+    border-radius: var(--smrt-radius-small, 0.25rem);
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+  }
+
+  .job-list__cell--priority {
+    text-align: center;
+  }
+
+  .job-list__cell--attempts {
+    text-align: center;
+    font-family: var(--smrt-font-family-mono, ui-monospace, monospace);
+  }
+
+  .job-list__cell--date {
+    color: var(--smrt-color-on-surface-variant, #43474e);
+    white-space: nowrap;
+  }
+
+  .job-list__cell--actions {
+    white-space: nowrap;
+  }
+
+  .job-list__cell--loading,
+  .job-list__cell--empty {
+    padding: var(--smrt-spacing-xl, 2rem);
+    text-align: center;
+  }
+
+  .job-list__loading {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--smrt-spacing-sm, 0.5rem);
+    color: var(--smrt-color-on-surface-variant, #43474e);
+  }
+
+  .job-list__spinner {
+    width: 20px;
+    height: 20px;
+    border: 2px solid var(--smrt-color-outline-variant, #c4c6cf);
+    border-top-color: var(--smrt-color-primary, #005ac1);
+    border-radius: var(--smrt-radius-full, 9999px);
+    animation: spin 0.8s linear infinite;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .job-list__empty {
+    color: var(--smrt-color-on-surface-variant, #43474e);
+  }
+</style>

package/dist/svelte/components/JobList.svelte.d.ts

@@ -0,0 +1,28 @@
+import type { Snippet } from 'svelte';
+import type { JobData } from './types.js';
+export interface Props {
+    /** Jobs to display */
+    jobs: JobData[];
+    /** Loading state */
+    loading?: boolean;
+    /** Selectable rows */
+    selectable?: boolean;
+    /** Selected job IDs */
+    selected?: Set<string>;
+    /** Show actions column */
+    showActions?: boolean;
+    /** Callback when selection changes */
+    onSelectionChange?: (selected: Set<string>) => void;
+    /** Callback when job is clicked */
+    onJobClick?: (job: JobData) => void;
+    /** Callback when retry is clicked */
+    onRetry?: (job: JobData) => void;
+    /** Callback when cancel is clicked */
+    onCancel?: (job: JobData) => void;
+    /** Empty state snippet */
+    empty?: Snippet;
+}
+declare const JobList: import("svelte").Component<Props, {}, "selected">;
+type JobList = ReturnType<typeof JobList>;
+export default JobList;
+//# sourceMappingURL=JobList.svelte.d.ts.map

package/dist/svelte/components/JobList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobList.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/JobList.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,OAAO,KAAK,EAAE,OAAO,EAAsB,MAAM,YAAY,CAAC;AAI9D,MAAM,WAAW,KAAK;IACpB,sBAAsB;IACtB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACpD,mCAAmC;IACnC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AA2KD,QAAA,MAAM,OAAO,mDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/svelte/components/JobStats.svelte

@@ -0,0 +1,242 @@
+<script lang="ts">
+/**
+ * JobStats - Display job statistics overview
+ */
+
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Card } from '@happyvertical/smrt-ui/ui';
+import { M } from '../i18n.js';
+import type { JobStats, QueueStats } from './types.js';
+import { formatDuration } from './types.js';
+
+const { t } = useI18n();
+
+export interface Props {
+  /** Statistics data */
+  stats: JobStats;
+  /** Queue breakdown */
+  queues?: QueueStats[];
+  /** Loading state */
+  loading?: boolean;
+  /** Compact mode */
+  compact?: boolean;
+}
+
+let { stats, queues = [], loading = false, compact = false }: Props = $props();
+
+const successRateFormatted = $derived(
+  stats.successRate !== null ? `${(stats.successRate * 100).toFixed(1)}%` : '-',
+);
+</script>
+
+<div class="job-stats" class:compact class:loading>
+  <div class="job-stats__grid">
+    <!-- Total Jobs -->
+    <Card padding="sm">
+      <div class="stat-card">
+        <div class="stat-card__value">{stats.total.toLocaleString()}</div>
+        <div class="stat-card__label">{t(M['jobs.job_stats.total_jobs'])}</div>
+      </div>
+    </Card>
+
+    <!-- Pending -->
+    <Card padding="sm">
+      <div class="stat-card stat-card--pending">
+        <div class="stat-card__value">{stats.pending.toLocaleString()}</div>
+        <div class="stat-card__label">Pending</div>
+      </div>
+    </Card>
+
+    <!-- Running -->
+    <Card padding="sm">
+      <div class="stat-card stat-card--running">
+        <div class="stat-card__value">{stats.running.toLocaleString()}</div>
+        <div class="stat-card__label">Running</div>
+      </div>
+    </Card>
+
+    <!-- Completed -->
+    <Card padding="sm">
+      <div class="stat-card stat-card--completed">
+        <div class="stat-card__value">{stats.completed.toLocaleString()}</div>
+        <div class="stat-card__label">Completed</div>
+      </div>
+    </Card>
+
+    <!-- Failed -->
+    <Card padding="sm">
+      <div class="stat-card stat-card--failed">
+        <div class="stat-card__value">{stats.failed.toLocaleString()}</div>
+        <div class="stat-card__label">Failed</div>
+      </div>
+    </Card>
+
+    <!-- Success Rate -->
+    <Card padding="sm">
+      <div class="stat-card">
+        <div class="stat-card__value">{successRateFormatted}</div>
+        <div class="stat-card__label">{t(M['jobs.job_stats.success_rate'])}</div>
+      </div>
+    </Card>
+
+    <!-- Avg Duration -->
+    <Card padding="sm">
+      <div class="stat-card">
+        <div class="stat-card__value">{formatDuration(stats.avgDuration)}</div>
+        <div class="stat-card__label">{t(M['jobs.job_stats.avg_duration'])}</div>
+      </div>
+    </Card>
+  </div>
+
+  {#if queues.length > 0 && !compact}
+    <div class="job-stats__queues">
+      <h3>Queues</h3>
+      <div class="queue-list">
+        {#each queues as queue (queue.name)}
+          <Card padding="sm">
+            <div class="queue-card">
+              <div class="queue-card__header">
+                <span class="queue-card__name">{queue.name}</span>
+                <span class="queue-card__running">{queue.running} running</span>
+              </div>
+              <div class="queue-card__stats">
+                <div class="queue-stat">
+                  <span class="queue-stat__value">{queue.pending}</span>
+                  <span class="queue-stat__label">pending</span>
+                </div>
+                <div class="queue-stat">
+                  <span class="queue-stat__value">{queue.completed24h}</span>
+                  <span class="queue-stat__label">completed/24h</span>
+                </div>
+                <div class="queue-stat">
+                  <span class="queue-stat__value">{queue.failed24h}</span>
+                  <span class="queue-stat__label">failed/24h</span>
+                </div>
+                <div class="queue-stat">
+                  <span class="queue-stat__value"
+                    >{formatDuration(queue.avgDuration)}</span
+                  >
+                  <span class="queue-stat__label">avg</span>
+                </div>
+              </div>
+            </div>
+          </Card>
+        {/each}
+      </div>
+    </div>
+  {/if}
+</div>
+
+<style>
+  .job-stats {
+    width: 100%;
+  }
+
+  .job-stats.loading {
+    opacity: 0.7;
+    pointer-events: none;
+  }
+
+  .job-stats__grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+    gap: var(--smrt-spacing-md, 1rem);
+  }
+
+  .compact .job-stats__grid {
+    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
+    gap: var(--smrt-spacing-sm, 0.5rem);
+  }
+
+  .stat-card {
+    text-align: center;
+    padding: var(--smrt-spacing-sm, 0.5rem);
+  }
+
+  .stat-card__value {
+    font: var(--smrt-typography-headline-small-font, 700 1.5rem / 1.2 sans-serif);
+  }
+
+  .compact .stat-card__value {
+    font: var(--smrt-typography-title-large-font, 1.25rem / 1.25 sans-serif);
+  }
+
+  .stat-card__label {
+    font: var(--smrt-typography-body-small-font, 0.875rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface-variant, #43474e);
+    margin-top: var(--smrt-spacing-xs, 0.25rem);
+  }
+
+  .stat-card--pending .stat-card__value {
+    color: var(--smrt-color-on-surface, #1a1c1e);
+  }
+
+  .stat-card--running .stat-card__value {
+    color: var(--smrt-color-primary, #005ac1);
+  }
+
+  .stat-card--completed .stat-card__value {
+    color: var(--smrt-color-tertiary, #006c4f);
+  }
+
+  .stat-card--failed .stat-card__value {
+    color: var(--smrt-color-error, #ba1a1a);
+  }
+
+  .job-stats__queues {
+    margin-top: var(--smrt-spacing-lg, 1.5rem);
+  }
+
+  .job-stats__queues h3 {
+    margin: 0 0 var(--smrt-spacing-md, 1rem) 0;
+    font: var(--smrt-typography-title-medium-font, 600 1rem / 1.5 sans-serif);
+  }
+
+  .queue-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: var(--smrt-spacing-md, 1rem);
+  }
+
+  .queue-card {
+    padding: var(--smrt-spacing-xs, 0.25rem);
+  }
+
+  .queue-card__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: var(--spacing-sm, 0.5rem);
+  }
+
+  .queue-card__name {
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+    font-family: var(--smrt-font-family-mono, ui-monospace, monospace);
+  }
+
+  .queue-card__running {
+    font: var(--smrt-typography-body-medium-font, 0.875rem / 1.25 sans-serif);
+    color: var(--smrt-color-primary, #005ac1);
+  }
+
+  .queue-card__stats {
+    display: flex;
+    gap: var(--smrt-spacing-md, 1rem);
+  }
+
+  .queue-stat {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .queue-stat__value {
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+    font: var(--smrt-typography-title-medium-font, 1rem / 1.5 sans-serif);
+  }
+
+  .queue-stat__label {
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface-variant, #43474e);
+  }
+</style>

package/dist/svelte/components/JobStats.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { JobStats, QueueStats } from './types.js';
+export interface Props {
+    /** Statistics data */
+    stats: JobStats;
+    /** Queue breakdown */
+    queues?: QueueStats[];
+    /** Loading state */
+    loading?: boolean;
+    /** Compact mode */
+    compact?: boolean;
+}
+declare const JobStats: import("svelte").Component<Props, {}, "">;
+type JobStats = ReturnType<typeof JobStats>;
+export default JobStats;
+//# sourceMappingURL=JobStats.svelte.d.ts.map

package/dist/svelte/components/JobStats.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobStats.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/JobStats.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIvD,MAAM,WAAW,KAAK;IACpB,sBAAsB;IACtB,KAAK,EAAE,QAAQ,CAAC;IAChB,sBAAsB;IACtB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwHD,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/svelte/components/JobStatusBadge.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+/**
+ * JobStatusBadge - Display job status with appropriate styling
+ */
+
+import { Badge } from '@happyvertical/smrt-ui/ui';
+import type { JobStatus } from './types.js';
+import { getStatusVariant } from './types.js';
+
+export interface Props {
+  status: JobStatus;
+  size?: 'sm' | 'md';
+}
+
+const { status, size = 'sm' }: Props = $props();
+
+const variant = $derived(getStatusVariant(status));
+const label = $derived(status.charAt(0).toUpperCase() + status.slice(1));
+</script>
+
+<Badge {variant} {size}>
+  {label}
+</Badge>

package/dist/svelte/components/JobStatusBadge.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { JobStatus } from './types.js';
+export interface Props {
+    status: JobStatus;
+    size?: 'sm' | 'md';
+}
+declare const JobStatusBadge: import("svelte").Component<Props, {}, "">;
+type JobStatusBadge = ReturnType<typeof JobStatusBadge>;
+export default JobStatusBadge;
+//# sourceMappingURL=JobStatusBadge.svelte.d.ts.map

package/dist/svelte/components/JobStatusBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobStatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/JobStatusBadge.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAI5C,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAqBD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}