@ketvietlab/ketsuite 0.1.2 → 0.1.3

package/dist/ui/client/flow-app.css

@@ -0,0 +1,387 @@
+@layer ket.app {
+  [data-ui="flow-board-columns"] {
+    display: grid;
+    grid-auto-columns: minmax(17rem, 1fr);
+    grid-auto-flow: column;
+    gap: var(--admin-gap-md);
+    overflow-x: auto;
+    padding-block-end: var(--admin-gap);
+  }
+
+  [data-ui="flow-board-column"] {
+    min-height: 22rem;
+    padding: var(--admin-gap);
+    border: 1px solid var(--admin-line);
+    border-radius: var(--admin-radius-lg);
+    background: var(--admin-surface-subtle);
+  }
+
+  [data-ui="flow-board-heading"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-block-end: var(--admin-gap);
+  }
+
+  [data-ui="flow-board-heading"] h2 {
+    margin: 0;
+    font-size: var(--admin-size-base);
+  }
+
+  [data-ui="flow-board-cards"] {
+    display: grid;
+    gap: var(--admin-gap);
+  }
+
+  [data-ui="flow-board-card"] {
+    display: grid;
+    gap: var(--admin-gap-sm);
+    padding: var(--admin-gap);
+    border: 1px solid var(--admin-line-strong);
+    border-radius: var(--admin-radius);
+    background: var(--admin-surface);
+    box-shadow: var(--admin-shadow-card);
+  }
+
+  [data-ui="flow-board-card"] h3,
+  [data-ui="flow-board-card"] p {
+    margin: 0;
+  }
+
+  [data-ui="flow-board-card"] h3 {
+    font-size: var(--admin-size-base);
+  }
+
+  [data-ui="flow-board-card"][data-priority="high"] {
+    border-inline-start: 3px solid var(--admin-accent);
+  }
+
+  [data-ui="flow-board-card"][data-priority="urgent"] {
+    border-inline-start: 3px solid var(--admin-danger);
+  }
+
+  [data-ui="flow-board-figures"] {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: var(--admin-gap-sm);
+    color: var(--admin-ink-muted);
+  }
+
+  [data-ui="flow-board-move"] {
+    display: flex;
+    align-items: center;
+    gap: var(--admin-gap-xs);
+  }
+
+  [data-ui="flow-board-move"] select {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+  }
+
+  [data-ui="flow-board-error"] {
+    margin-block-end: var(--admin-gap);
+    color: var(--admin-danger);
+  }
+
+  [data-ui="flow-board-empty"] {
+    color: var(--admin-ink-muted);
+  }
+
+  @media (max-width: 47.9375rem) {
+    [data-ui="flow-board-columns"] {
+      grid-auto-columns: minmax(15rem, 88vw);
+    }
+  }
+
+  /* Task map — styled after PhaseAtlas's TaskMap.svelte: dotted canvas,
+     tinted status cards, a dot-legend, and bezier edges colored by their
+     source's status. */
+
+  [data-ui="flow-map-header"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--admin-gap-md);
+    margin-block-end: var(--admin-gap-sm);
+  }
+
+  [data-ui="flow-map-eyebrow"] {
+    margin: 0 0 0.2rem;
+    color: var(--admin-accent-text, var(--admin-accent));
+    font-size: 0.7rem;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+  }
+
+  [data-ui="flow-map-header"] h2 {
+    margin: 0;
+    font-size: 1.35rem;
+    letter-spacing: -0.01em;
+  }
+
+  [data-ui="flow-map-hint"] {
+    max-width: 38rem;
+    margin: 0.35rem 0 0;
+    color: var(--admin-ink-muted);
+    font-size: 0.8rem;
+    line-height: 1.5;
+  }
+
+  [data-ui="flow-map-summary"] {
+    display: grid;
+    flex: 0 0 auto;
+    grid-template-columns: repeat(4, minmax(4.5rem, 1fr));
+    overflow: hidden;
+    border: 1px solid var(--admin-line);
+    border-radius: var(--admin-radius);
+    background: var(--admin-surface-subtle);
+  }
+
+  [data-ui="flow-map-summary"] span {
+    display: block;
+    min-width: 0;
+    padding: 0.5rem 0.75rem;
+    color: var(--admin-ink-muted);
+    font-size: 0.7rem;
+    font-weight: 700;
+    text-align: center;
+    text-transform: uppercase;
+  }
+
+  [data-ui="flow-map-summary"] span + span {
+    border-inline-start: 1px solid var(--admin-line);
+  }
+
+  [data-ui="flow-map-summary"] strong {
+    display: block;
+    margin-block-end: 0.1rem;
+    color: var(--admin-ink);
+    font-size: 1.15rem;
+    letter-spacing: -0.02em;
+  }
+
+  [data-ui="flow-map-summary"] [data-tone="done"] strong {
+    color: var(--admin-success-icon);
+  }
+
+  [data-ui="flow-map-summary"] [data-tone="active"] strong {
+    color: var(--admin-accent);
+  }
+
+  [data-ui="flow-map-summary"] [data-tone="blocked"] strong {
+    color: var(--admin-danger);
+  }
+
+  [data-ui="flow-map-legend"] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--admin-gap-md);
+    margin-block-end: var(--admin-gap-sm);
+    padding-block-end: var(--admin-gap-sm);
+    border-block-end: 1px solid var(--admin-line);
+    color: var(--admin-ink-muted);
+    font-size: 0.75rem;
+  }
+
+  [data-ui="flow-map-legend"] span {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+  }
+
+  [data-ui="flow-map-legend"] i {
+    width: 0.5rem;
+    height: 0.5rem;
+    border-radius: 50%;
+    background: var(--admin-ink-muted);
+  }
+
+  [data-ui="flow-map-legend"] [data-tone="done"] i {
+    background: var(--admin-success-icon);
+  }
+
+  [data-ui="flow-map-legend"] [data-tone="active"] i {
+    background: var(--admin-accent);
+  }
+
+  [data-ui="flow-map-legend"] [data-tone="ready"] i {
+    background: transparent;
+    box-shadow: inset 0 0 0 1.5px var(--admin-accent);
+  }
+
+  [data-ui="flow-map-legend"] [data-tone="blocked"] i {
+    background: var(--admin-danger);
+  }
+
+  [data-ui="flow-map-epic-name"] {
+    margin-inline-start: auto;
+    color: var(--admin-ink);
+    font-weight: 600;
+  }
+
+  [data-ui="flow-map-scroll"] {
+    overflow: auto;
+    border: 1px solid var(--admin-line);
+    border-radius: var(--admin-radius-lg);
+    background-color: var(--admin-surface-subtle);
+    background-image:
+      linear-gradient(var(--admin-line) 1px, transparent 1px),
+      linear-gradient(90deg, var(--admin-line) 1px, transparent 1px);
+    background-size: 24px 24px;
+    background-position: -1px -1px;
+  }
+
+  [data-ui="flow-map-canvas"] {
+    position: relative;
+  }
+
+  [data-ui="flow-map-edges"] {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  [data-ui="flow-map-edge"] {
+    fill: none;
+    stroke: var(--admin-accent);
+    stroke-width: 2;
+    stroke-linecap: round;
+  }
+
+  [data-ui="flow-map-edge"][data-tone="blocked"] {
+    stroke: var(--admin-danger);
+    stroke-dasharray: 7 6;
+  }
+
+  [data-ui="flow-map-edge"][data-tone="done"] {
+    stroke: var(--admin-success-icon);
+  }
+
+  [data-ui="flow-map-node"] {
+    position: absolute;
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+    gap: 0.4rem;
+    padding: 0.6rem 0.7rem;
+    border: 1px solid var(--admin-line-strong);
+    border-radius: var(--admin-radius);
+    background: var(--admin-surface);
+    color: inherit;
+    text-decoration: none;
+    box-shadow: var(--admin-shadow-card);
+    transition:
+      transform 0.12s ease,
+      box-shadow 0.12s ease;
+  }
+
+  [data-ui="flow-map-node"]:hover {
+    transform: translateY(-1px);
+    box-shadow: var(--admin-shadow-hover, var(--admin-shadow-card));
+  }
+
+  [data-ui="flow-map-node"][data-tone="done"] {
+    border-color: color-mix(in srgb, var(--admin-success-icon) 55%, var(--admin-line-strong));
+    background: color-mix(in srgb, var(--admin-success-icon) 12%, var(--admin-surface));
+  }
+
+  [data-ui="flow-map-node"][data-tone="active"] {
+    border-color: color-mix(in srgb, var(--admin-accent) 55%, var(--admin-line-strong));
+    background: color-mix(in srgb, var(--admin-accent) 10%, var(--admin-surface));
+  }
+
+  [data-ui="flow-map-node"][data-tone="blocked"] {
+    border-color: color-mix(in srgb, var(--admin-danger) 60%, var(--admin-line-strong));
+    background: color-mix(in srgb, var(--admin-danger) 12%, var(--admin-surface));
+  }
+
+  [data-ui="flow-map-node-top"] {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.4rem;
+  }
+
+  [data-ui="flow-map-node-column"] {
+    overflow: hidden;
+    border-radius: 999px;
+    padding: 0.1rem 0.5rem;
+    background: var(--admin-surface-subtle);
+    color: var(--admin-ink-muted);
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-overflow: ellipsis;
+    text-transform: uppercase;
+    white-space: nowrap;
+  }
+
+  [data-ui="flow-map-node-state"] {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    gap: 0.3rem;
+    color: var(--admin-ink-muted);
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    white-space: nowrap;
+  }
+
+  [data-ui="flow-map-node-state"] i {
+    width: 0.4rem;
+    height: 0.4rem;
+    border-radius: 50%;
+    background: var(--admin-ink-muted);
+  }
+
+  [data-ui="flow-map-node"][data-tone="done"] [data-ui="flow-map-node-state"] {
+    color: var(--admin-success-icon);
+  }
+  [data-ui="flow-map-node"][data-tone="done"] [data-ui="flow-map-node-state"] i {
+    background: var(--admin-success-icon);
+  }
+  [data-ui="flow-map-node"][data-tone="active"] [data-ui="flow-map-node-state"] {
+    color: var(--admin-accent);
+  }
+  [data-ui="flow-map-node"][data-tone="active"] [data-ui="flow-map-node-state"] i {
+    background: var(--admin-accent);
+  }
+  [data-ui="flow-map-node"][data-tone="blocked"] [data-ui="flow-map-node-state"] {
+    color: var(--admin-danger);
+  }
+  [data-ui="flow-map-node"][data-tone="blocked"] [data-ui="flow-map-node-state"] i {
+    background: var(--admin-danger);
+  }
+
+  [data-ui="flow-map-node-title"] {
+    display: -webkit-box;
+    overflow: hidden;
+    font-size: 0.85rem;
+    font-weight: 650;
+    line-height: 1.3;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  [data-ui="flow-map-node-foot"] {
+    overflow: hidden;
+    color: var(--admin-ink-muted);
+    font-size: 0.72rem;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  [data-ui="flow-map-node-waiting"] {
+    color: var(--admin-danger);
+    font-weight: 600;
+  }
+
+  [data-ui="flow-map-empty"] {
+    padding: var(--admin-gap);
+    color: var(--admin-ink-muted);
+  }
+}

package/dist/ui/client/flow-board-view.d.mts

@@ -0,0 +1,8 @@
+export declare const boardMovePayload: (id: any, columnId: any, expectedVersion: any, idempotencyKey: any) => {
+    id: any;
+    columnId: any;
+    expectedVersion: any;
+    idempotencyKey: any;
+};
+export declare function createFlowBoardView(runtime: any, props: any, seed?: {}): () => any;
+//# sourceMappingURL=flow-board-view.d.mts.map

package/dist/ui/client/flow-board-view.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-board-view.d.mts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/flow-board-view.mjs"],"names":[],"mappings":"AAqDA,eAAO,MAAM,gBAAgB;;;;;CAK3B,CAAA;AAgBF,wBAAgB,mBAAmB,CAAC,OAAO,KAAA,EAAE,KAAK,KAAA,EAAE,IAAI,KAAK,aAsF5D"}

package/dist/ui/client/flow-board-view.mjs

@@ -0,0 +1,161 @@
+// @ts-nocheck Dependency-free shared browser/SSR view.
+// Direct port of crm_backend/client/crm-kanban-view.mjs's shape: server
+// resolves columns + issues into one JSON prop, this renders it and drags
+// cards with native HTML5 DnD, calling flow.issue.move directly on drop —
+// same conflict-reload-on-mismatch behavior, same no-JS <form> fallback.
+const LABELS = {
+  vi: {
+    empty: 'Không có issue ở cột này.',
+    move: 'Chuyển cột',
+    moving: 'Đang chuyển…',
+    conflict: 'Issue vừa thay đổi. Board sẽ tải lại để lấy phiên bản mới nhất.',
+    unassigned: 'Chưa gán',
+    loadMore: 'Tải thêm',
+    moveShort: 'Chuyển',
+  },
+  en: {
+    empty: 'No issues in this column.',
+    move: 'Move column',
+    moving: 'Moving…',
+    conflict: 'The issue changed elsewhere. The board will reload the latest version.',
+    unassigned: 'Unassigned',
+    loadMore: 'Load more',
+    moveShort: 'Move',
+  },
+}
+
+const dataOf = (props) => {
+  const fallback = LABELS[String(props.lang).toLowerCase().startsWith('en') ? 'en' : 'vi']
+  try {
+    const value = JSON.parse(String(props.data ?? '{}'))
+    return {
+      locale: String(value.locale ?? ''),
+      rows: Array.isArray(value.rows) ? value.rows : [],
+      columns: Array.isArray(value.columns) ? value.columns : [],
+      labels: {
+        ...fallback,
+        ...(value.labels && typeof value.labels === 'object' ? value.labels : {}),
+        errors: value.labels?.errors || {},
+      },
+    }
+  } catch {
+    return { locale: '', rows: [], columns: [], labels: fallback }
+  }
+}
+
+const localized = (path, locale) => {
+  if (!locale) return path
+  const target = new URL(path, 'http://ket.local')
+  const lang = new URLSearchParams(String(locale).replace(/^\?/, '')).get('lang')
+  if (lang) target.searchParams.set('lang', lang)
+  return `${target.pathname}${target.search}`
+}
+
+export const boardMovePayload = (id, columnId, expectedVersion, idempotencyKey) => ({
+  id,
+  columnId,
+  expectedVersion,
+  idempotencyKey,
+})
+
+const callMove = async (payload) => {
+  const response = await fetch('/_ket/fn/flow.issue.move', {
+    method: 'POST',
+    credentials: 'same-origin',
+    headers: { 'content-type': 'application/json' },
+    body: JSON.stringify(payload),
+  })
+  const envelope = await response.json()
+  const value = envelope.value ?? envelope
+  if (!response.ok || value.ok === false)
+    throw new Error(value.errors?.[0]?.code ?? `HTTP ${response.status}`)
+  return value
+}
+
+export function createFlowBoardView(runtime, props, seed = {}) {
+  const { each, html, signal } = runtime
+  const initial = dataOf(props)
+  const labels = initial.labels
+  const rows = signal(seed.rows ?? initial.rows)
+  const busy = signal('')
+  const error = signal('')
+  const dragId = signal('')
+
+  const move = async (entry, columnId) => {
+    if (!columnId || columnId === entry.columnId || busy()) return
+    busy.set(entry.id)
+    error.set('')
+    try {
+      const result = await callMove(
+        boardMovePayload(entry.id, columnId, Number(entry.version), crypto.randomUUID()),
+      )
+      rows.set(
+        rows().map((row) => (row.id === entry.id ? { ...row, columnId, version: result.version } : row)),
+      )
+    } catch (caught) {
+      // `issue.move` refuses more than a stale version: dropping a card into
+      // a terminal column while a `blocks` dependency is unfinished answers
+      // `flow.error.blocked`. Reporting every refusal as a conflict told the
+      // user to reload and showed them the same card in the same place with
+      // no reason given, while the real message sat translated in the
+      // catalogue. Only a genuine version clash is worth a reload — the rest
+      // leave the board as it is and say what happened.
+      const code = String(caught?.message ?? '')
+      const known = labels.errors?.[code]
+      error.set(known ?? labels.conflict)
+      if (!known && typeof window !== 'undefined') setTimeout(() => window.location.reload(), 900)
+    } finally {
+      busy.set('')
+    }
+  }
+
+  const boardColumn = (column) => {
+    const columnRows = rows().filter((row) => row.columnId === column.id)
+    return html`<section data-ui="flow-board-column" data-column=${column.id}
+      on:dragover=${(event) => event.preventDefault()}
+      on:drop=${() => {
+        const entry = rows().find((row) => row.id === dragId())
+        if (entry) move(entry, column.id)
+      }}>
+      <header data-ui="flow-board-heading">
+        <h2>${column.name}</h2>
+        <span>${columnRows.length} / ${column.total ?? columnRows.length}</span>
+      </header>
+      <div data-ui="flow-board-cards">
+        ${columnRows.length === 0 ? html`<p data-ui="flow-board-empty">${labels.empty}</p>` : ''}
+        ${each(
+          columnRows,
+          (entry) => entry.id,
+          (entry) => html`<article data-ui="flow-board-card" draggable="true"
+          on:dragstart=${() => dragId.set(entry.id)} data-priority=${String(entry.priority ?? 'normal')} data-busy=${busy() === entry.id}>
+          <h3><a href=${localized(`/admin/flow/issues/${entry.id}`, initial.locale)}>${entry.title}</a></h3>
+          <p data-ui="flow-board-figures">
+            <small>${entry.assigneeName ?? labels.unassigned}</small>
+            ${entry.dueDate ? html`<small>${entry.dueDate}</small>` : ''}
+          </p>
+          <form data-ui="flow-board-move" method="post" action=${localized(`/admin/flow/projects/${entry.projectId}/board/move`, initial.locale)}>
+            <input type="hidden" name="id" value=${entry.id} autocomplete="off">
+            <input type="hidden" name="expectedVersion" value=${String(entry.version)} autocomplete="off">
+            <input type="hidden" name="idempotencyKey" value=${`board:${entry.id}:${entry.version}`} autocomplete="off">
+            <select data-ui="form-control" name="columnId" aria-label=${labels.move} on:change=${(event) => move(entry, event.target.value)} disabled=${busy() === entry.id}>
+              ${each(
+                initial.columns,
+                (option) => option.id,
+                (option) =>
+                  html`<option value=${option.id} selected=${option.id === entry.columnId}>${option.name}</option>`,
+              )}
+            </select>
+            <button type="submit" data-ui="action" data-variant="tertiary" data-size="compact" title=${labels.move} disabled=${busy() === entry.id}>${busy() === entry.id ? labels.moving : labels.moveShort}</button>
+          </form>
+        </article>`,
+        )}
+      </div>
+      ${column.loadMoreHref ? html`<a data-ui="action" data-variant="secondary" data-size="compact" href=${localized(column.loadMoreHref, initial.locale)}>${labels.loadMore}</a>` : ''}
+    </section>`
+  }
+
+  return () => html`<section data-ui="flow-board" aria-live="polite">
+    ${error() ? html`<div data-ui="flow-board-error" role="alert">${error()}</div>` : ''}
+    <div data-ui="flow-board-columns">${each(initial.columns, (column) => column.id, boardColumn)}</div>
+  </section>`
+}

package/dist/ui/client/flow-board-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-board-view.mjs","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/flow-board-view.mjs"],"names":[],"mappings":"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"}

package/dist/ui/client/flow-board.d.mts

@@ -0,0 +1,3 @@
+/** @param {Record<string, unknown>} props */
+export declare const board: (props: Record<string, unknown>) => () => any;
+//# sourceMappingURL=flow-board.d.mts.map

package/dist/ui/client/flow-board.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-board.d.mts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/flow-board.mjs"],"names":[],"mappings":"AAKA,6CAA6C;AAC7C,eAAO,MAAM,KAAK,UADN,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cACgC,CAAA"}

package/dist/ui/client/flow-board.mjs

@@ -0,0 +1,7 @@
+// @ts-expect-error Browser import served by the KetJS runtime.
+import { each, html, signal } from '/_ket/view/index.js'
+import { createFlowBoardView } from './flow-board-view.mjs'
+
+const runtime = { each, html, signal }
+/** @param {Record<string, unknown>} props */
+export const board = (props) => createFlowBoardView(runtime, props)

package/dist/ui/client/flow-board.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-board.mjs","sourceRoot":"","sources":["../../../../../../../packages/ketsuite/src/ui/client/flow-board.mjs"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;AACtC,6CAA6C;AAC7C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA"}

package/dist/ui/client/flow-map-view.d.mts

@@ -0,0 +1,2 @@
+export declare function createFlowMapView(runtime: any, props: any): () => any;
+//# sourceMappingURL=flow-map-view.d.mts.map

package/dist/ui/client/flow-map-view.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-map-view.d.mts","sourceRoot":"","sources":["../../../../../../packages/ketsuite/src/ui/client/flow-map-view.mjs"],"names":[],"mappings":"AA6HA,wBAAgB,iBAAiB,CAAC,OAAO,KAAA,EAAE,KAAK,KAAA,aA6G/C"}