@puredesktop/puredesktop-ui-bridge 1.0.0-beta.1 → 1.0.0-beta.2

package/src/components/assets/asset-library/detail/AssetLibraryVersionsPanel.tsx

@@ -1,145 +1,145 @@
-import type { PlatformAssetSummary } from '../../../../bridge/types.js'
-import { Button } from '../../../common/buttons/Button.js'
-import {
-  StyledAssetLibrarySidePanel,
-  StyledAssetLibrarySidePanelEmpty,
-  StyledAssetLibrarySidePanelHeading,
-  StyledAssetLibraryVersionActions,
-  StyledAssetLibraryVersionBadge,
-  StyledAssetLibraryVersionItem,
-  StyledAssetLibraryVersionLabel,
-  StyledAssetLibraryVersionList,
-  StyledAssetLibraryVersionMeta,
-  StyledAssetLibraryVersionPrompt,
-  StyledAssetLibraryVersionSub,
-  StyledAssetLibraryVersionTitle,
-} from '../layout/assetLibraryLayout.js'
-import type {
-  AssetLibraryActionsModel,
-  AssetLibraryVersionsModel,
-} from '../types.js'
-import { formatAssetTimeAgo } from '../utils/assetLibraryUtils.js'
-
-export interface AssetLibraryVersionsPanelProps {
-  versions: AssetLibraryVersionsModel
-  actions: AssetLibraryActionsModel
-}
-
-export function AssetLibraryVersionsPanel({
-  versions,
-  actions,
-}: AssetLibraryVersionsPanelProps): React.ReactElement {
-  const panelBusy = versions.busy || Boolean(actions.busy)
-
-  return (
-    <StyledAssetLibrarySidePanel>
-      <StyledAssetLibrarySidePanelHeading>
-        Versions
-      </StyledAssetLibrarySidePanelHeading>
-      {versions.versions.length <= 1 ? (
-        <StyledAssetLibrarySidePanelEmpty>
-          No alternate versions yet. New file versions appear here when you or
-          an agent create a variation of this asset.
-        </StyledAssetLibrarySidePanelEmpty>
-      ) : (
-        <StyledAssetLibraryVersionList>
-          {versions.versions.map(asset => (
-            <VersionRow
-              key={asset.relativePath}
-              asset={asset}
-              actions={actions}
-              versions={versions}
-              panelBusy={panelBusy}
-            />
-          ))}
-        </StyledAssetLibraryVersionList>
-      )}
-    </StyledAssetLibrarySidePanel>
-  )
-}
-
-interface VersionRowProps {
-  asset: PlatformAssetSummary
-  actions: AssetLibraryActionsModel
-  versions: AssetLibraryVersionsModel
-  panelBusy: boolean
-}
-
-function VersionRow({
-  asset,
-  actions,
-  versions,
-  panelBusy,
-}: VersionRowProps): React.ReactElement {
-  const isCurrent = asset.relativePath === versions.selectedRelativePath
-
-  return (
-    <StyledAssetLibraryVersionItem>
-      <StyledAssetLibraryVersionMeta>
-        <StyledAssetLibraryVersionTitle>
-          <StyledAssetLibraryVersionLabel>
-            {asset.label}
-          </StyledAssetLibraryVersionLabel>
-          <StyledAssetLibraryVersionSub>
-            v{asset.versionNumber} · {formatAssetTimeAgo(asset.modifiedAt)}
-          </StyledAssetLibraryVersionSub>
-        </StyledAssetLibraryVersionTitle>
-        {isCurrent ? (
-          <StyledAssetLibraryVersionBadge>
-            Current
-          </StyledAssetLibraryVersionBadge>
-        ) : null}
-      </StyledAssetLibraryVersionMeta>
-      {asset.transformationPrompt ? (
-        <StyledAssetLibraryVersionPrompt>
-          {asset.transformationPrompt}
-        </StyledAssetLibraryVersionPrompt>
-      ) : null}
-      <StyledAssetLibraryVersionActions>
-        <Button
-          type="button"
-          variant={isCurrent ? 'subtle' : 'ghost'}
-          size="sm"
-          disabled={panelBusy}
-          onClick={() => versions.previewVersion(asset.id)}
-        >
-          {isCurrent ? 'Viewing' : 'Preview'}
-        </Button>
-        <Button
-          type="button"
-          variant="ghost"
-          size="sm"
-          disabled={!actions.canInsertAsset(asset) || panelBusy}
-          loading={actions.busy === 'inserting'}
-          onClick={() => void actions.insertAsset(asset)}
-        >
-          Insert
-        </Button>
-        {!isCurrent ? (
-          <>
-            <Button
-              type="button"
-              variant="ghost"
-              size="sm"
-              disabled={!versions.canSwapInDocument || panelBusy}
-              loading={versions.busy}
-              onClick={() => void versions.swapToVersion(asset, 'document')}
-            >
-              Use in {versions.insertTargetLabel}
-            </Button>
-            <Button
-              type="button"
-              variant="ghost"
-              size="sm"
-              disabled={panelBusy}
-              loading={versions.busy}
-              onClick={() => void versions.swapToVersion(asset, 'collection')}
-            >
-              Use in {versions.collectionLabel}
-            </Button>
-          </>
-        ) : null}
-      </StyledAssetLibraryVersionActions>
-    </StyledAssetLibraryVersionItem>
-  )
-}
+import type { PlatformAssetSummary } from '../../../../bridge/types.js'
+import { Button } from '../../../common/buttons/Button.js'
+import {
+  StyledAssetLibrarySidePanel,
+  StyledAssetLibrarySidePanelEmpty,
+  StyledAssetLibrarySidePanelHeading,
+  StyledAssetLibraryVersionActions,
+  StyledAssetLibraryVersionBadge,
+  StyledAssetLibraryVersionItem,
+  StyledAssetLibraryVersionLabel,
+  StyledAssetLibraryVersionList,
+  StyledAssetLibraryVersionMeta,
+  StyledAssetLibraryVersionPrompt,
+  StyledAssetLibraryVersionSub,
+  StyledAssetLibraryVersionTitle,
+} from '../layout/assetLibraryLayout.js'
+import type {
+  AssetLibraryActionsModel,
+  AssetLibraryVersionsModel,
+} from '../types.js'
+import { formatAssetTimeAgo } from '../utils/assetLibraryUtils.js'
+
+export interface AssetLibraryVersionsPanelProps {
+  versions: AssetLibraryVersionsModel
+  actions: AssetLibraryActionsModel
+}
+
+export function AssetLibraryVersionsPanel({
+  versions,
+  actions,
+}: AssetLibraryVersionsPanelProps): React.ReactElement {
+  const panelBusy = versions.busy || Boolean(actions.busy)
+
+  return (
+    <StyledAssetLibrarySidePanel>
+      <StyledAssetLibrarySidePanelHeading>
+        Versions
+      </StyledAssetLibrarySidePanelHeading>
+      {versions.versions.length <= 1 ? (
+        <StyledAssetLibrarySidePanelEmpty>
+          No alternate versions yet. New file versions appear here when you or
+          an agent create a variation of this asset.
+        </StyledAssetLibrarySidePanelEmpty>
+      ) : (
+        <StyledAssetLibraryVersionList>
+          {versions.versions.map(asset => (
+            <VersionRow
+              key={asset.relativePath}
+              asset={asset}
+              actions={actions}
+              versions={versions}
+              panelBusy={panelBusy}
+            />
+          ))}
+        </StyledAssetLibraryVersionList>
+      )}
+    </StyledAssetLibrarySidePanel>
+  )
+}
+
+interface VersionRowProps {
+  asset: PlatformAssetSummary
+  actions: AssetLibraryActionsModel
+  versions: AssetLibraryVersionsModel
+  panelBusy: boolean
+}
+
+function VersionRow({
+  asset,
+  actions,
+  versions,
+  panelBusy,
+}: VersionRowProps): React.ReactElement {
+  const isCurrent = asset.relativePath === versions.selectedRelativePath
+
+  return (
+    <StyledAssetLibraryVersionItem>
+      <StyledAssetLibraryVersionMeta>
+        <StyledAssetLibraryVersionTitle>
+          <StyledAssetLibraryVersionLabel>
+            {asset.label}
+          </StyledAssetLibraryVersionLabel>
+          <StyledAssetLibraryVersionSub>
+            v{asset.versionNumber} · {formatAssetTimeAgo(asset.modifiedAt)}
+          </StyledAssetLibraryVersionSub>
+        </StyledAssetLibraryVersionTitle>
+        {isCurrent ? (
+          <StyledAssetLibraryVersionBadge>
+            Current
+          </StyledAssetLibraryVersionBadge>
+        ) : null}
+      </StyledAssetLibraryVersionMeta>
+      {asset.transformationPrompt ? (
+        <StyledAssetLibraryVersionPrompt>
+          {asset.transformationPrompt}
+        </StyledAssetLibraryVersionPrompt>
+      ) : null}
+      <StyledAssetLibraryVersionActions>
+        <Button
+          type="button"
+          variant={isCurrent ? 'subtle' : 'ghost'}
+          size="sm"
+          disabled={panelBusy}
+          onClick={() => versions.previewVersion(asset.id)}
+        >
+          {isCurrent ? 'Viewing' : 'Preview'}
+        </Button>
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          disabled={!actions.canInsertAsset(asset) || panelBusy}
+          loading={actions.busy === 'inserting'}
+          onClick={() => void actions.insertAsset(asset)}
+        >
+          Insert
+        </Button>
+        {!isCurrent ? (
+          <>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              disabled={!versions.canSwapInDocument || panelBusy}
+              loading={versions.busy}
+              onClick={() => void versions.swapToVersion(asset, 'document')}
+            >
+              Use in {versions.insertTargetLabel}
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="sm"
+              disabled={panelBusy}
+              loading={versions.busy}
+              onClick={() => void versions.swapToVersion(asset, 'collection')}
+            >
+              Use in {versions.collectionLabel}
+            </Button>
+          </>
+        ) : null}
+      </StyledAssetLibraryVersionActions>
+    </StyledAssetLibraryVersionItem>
+  )
+}

package/src/components/assets/asset-library/helpers/assetKind.ts

@@ -1,74 +1,74 @@
-import type { PlatformAssetSummary } from '../../../../bridge/types.js'
-
-export type InlineAssetKind = 'mermaid' | 'table' | 'math'
-
-export function inlineAssetKind(
-  asset: PlatformAssetSummary,
-): InlineAssetKind | null {
-  if (
-    asset.kind === 'mermaid' ||
-    asset.kind === 'table' ||
-    asset.kind === 'math'
-  ) {
-    return asset.kind
-  }
-  return null
-}
-
-export function canEditInlineSource(asset: PlatformAssetSummary): boolean {
-  return (
-    isInlineCollectionAsset(asset) &&
-    inlineAssetKind(asset) !== null &&
-    Boolean(asset.sourceNodeId?.trim())
-  )
-}
-
-export function canEditAssetMetadata(asset: PlatformAssetSummary): boolean {
-  return isFileCollectionAsset(asset) || canEditInlineSource(asset)
-}
-
-export function isInlineCollectionAsset(asset: PlatformAssetSummary): boolean {
-  return Boolean(asset.sourceType?.startsWith('inline-'))
-}
-
-export function isFileCollectionAsset(asset: PlatformAssetSummary): boolean {
-  return !isInlineCollectionAsset(asset)
-}
-
-export function canRevealCollectionAsset(asset: PlatformAssetSummary): boolean {
-  return isFileCollectionAsset(asset) && Boolean(asset.absolutePath?.trim())
-}
-
-export function canDeleteCollectionAsset(asset: PlatformAssetSummary): boolean {
-  return isFileCollectionAsset(asset)
-}
-
-const INSERTABLE_ASSET_KINDS = new Set<PlatformAssetSummary['kind']>([
-  'image',
-  'vector',
-  'mermaid',
-  'table',
-  'math',
-])
-
-export function isInsertableCollectionAsset(
-  asset: PlatformAssetSummary,
-): boolean {
-  return INSERTABLE_ASSET_KINDS.has(asset.kind)
-}
-
-/** @deprecated Use {@link canEditAssetMetadata} with file check */
-export function canEditFileMetadata(asset: PlatformAssetSummary): boolean {
-  return isFileCollectionAsset(asset)
-}
-
-export function defaultInlineSourcePlaceholder(kind: InlineAssetKind): string {
-  switch (kind) {
-    case 'mermaid':
-      return 'flowchart TD\n  A[Start] --> B[End]'
-    case 'math':
-      return '\\text{Empty equation}'
-    case 'table':
-      return '<table><tbody><tr><td></td></tr></tbody></table>'
-  }
-}
+import type { PlatformAssetSummary } from '../../../../bridge/types.js'
+
+export type InlineAssetKind = 'mermaid' | 'table' | 'math'
+
+export function inlineAssetKind(
+  asset: PlatformAssetSummary,
+): InlineAssetKind | null {
+  if (
+    asset.kind === 'mermaid' ||
+    asset.kind === 'table' ||
+    asset.kind === 'math'
+  ) {
+    return asset.kind
+  }
+  return null
+}
+
+export function canEditInlineSource(asset: PlatformAssetSummary): boolean {
+  return (
+    isInlineCollectionAsset(asset) &&
+    inlineAssetKind(asset) !== null &&
+    Boolean(asset.sourceNodeId?.trim())
+  )
+}
+
+export function canEditAssetMetadata(asset: PlatformAssetSummary): boolean {
+  return isFileCollectionAsset(asset) || canEditInlineSource(asset)
+}
+
+export function isInlineCollectionAsset(asset: PlatformAssetSummary): boolean {
+  return Boolean(asset.sourceType?.startsWith('inline-'))
+}
+
+export function isFileCollectionAsset(asset: PlatformAssetSummary): boolean {
+  return !isInlineCollectionAsset(asset)
+}
+
+export function canRevealCollectionAsset(asset: PlatformAssetSummary): boolean {
+  return isFileCollectionAsset(asset) && Boolean(asset.absolutePath?.trim())
+}
+
+export function canDeleteCollectionAsset(asset: PlatformAssetSummary): boolean {
+  return isFileCollectionAsset(asset)
+}
+
+const INSERTABLE_ASSET_KINDS = new Set<PlatformAssetSummary['kind']>([
+  'image',
+  'vector',
+  'mermaid',
+  'table',
+  'math',
+])
+
+export function isInsertableCollectionAsset(
+  asset: PlatformAssetSummary,
+): boolean {
+  return INSERTABLE_ASSET_KINDS.has(asset.kind)
+}
+
+/** @deprecated Use {@link canEditAssetMetadata} with file check */
+export function canEditFileMetadata(asset: PlatformAssetSummary): boolean {
+  return isFileCollectionAsset(asset)
+}
+
+export function defaultInlineSourcePlaceholder(kind: InlineAssetKind): string {
+  switch (kind) {
+    case 'mermaid':
+      return 'flowchart TD\n  A[Start] --> B[End]'
+    case 'math':
+      return '\\text{Empty equation}'
+    case 'table':
+      return '<table><tbody><tr><td></td></tr></tbody></table>'
+  }
+}

package/src/components/assets/asset-library/helpers.ts

@@ -1,41 +1,41 @@
-import type { PlatformAssetSummary } from '../../../bridge/types.js'
-
-export function messageForError(error: unknown): string {
-  return error instanceof Error ? error.message : 'Something went wrong.'
-}
-
-export function formatDocumentHint(input: {
-  currentDocumentFile?: string | null
-  currentDocumentTitle?: string | null
-}): string | null {
-  const { currentDocumentFile, currentDocumentTitle } = input
-  if (currentDocumentFile && currentDocumentTitle) {
-    return `${currentDocumentTitle} · ${currentDocumentFile}`
-  }
-  return currentDocumentFile ?? null
-}
-
-export function formatAssetUsageHint(
-  asset: PlatformAssetSummary,
-  insertTargetLabel: string,
-): string {
-  if (asset.usedIn.length === 0) return 'Not yet placed'
-  const count = asset.usedIn.length
-  return `Used in ${count} ${
-    count === 1 ? insertTargetLabel : `${insertTargetLabel}s`
-  }`
-}
-
-export {
-  canDeleteCollectionAsset,
-  canEditAssetMetadata,
-  canEditFileMetadata,
-  canEditInlineSource,
-  canRevealCollectionAsset,
-  defaultInlineSourcePlaceholder,
-  inlineAssetKind,
-  isFileCollectionAsset,
-  isInlineCollectionAsset,
-  isInsertableCollectionAsset,
-  type InlineAssetKind,
-} from './helpers/assetKind.js'
+import type { PlatformAssetSummary } from '../../../bridge/types.js'
+
+export function messageForError(error: unknown): string {
+  return error instanceof Error ? error.message : 'Something went wrong.'
+}
+
+export function formatDocumentHint(input: {
+  currentDocumentFile?: string | null
+  currentDocumentTitle?: string | null
+}): string | null {
+  const { currentDocumentFile, currentDocumentTitle } = input
+  if (currentDocumentFile && currentDocumentTitle) {
+    return `${currentDocumentTitle} · ${currentDocumentFile}`
+  }
+  return currentDocumentFile ?? null
+}
+
+export function formatAssetUsageHint(
+  asset: PlatformAssetSummary,
+  insertTargetLabel: string,
+): string {
+  if (asset.usedIn.length === 0) return 'Not yet placed'
+  const count = asset.usedIn.length
+  return `Used in ${count} ${
+    count === 1 ? insertTargetLabel : `${insertTargetLabel}s`
+  }`
+}
+
+export {
+  canDeleteCollectionAsset,
+  canEditAssetMetadata,
+  canEditFileMetadata,
+  canEditInlineSource,
+  canRevealCollectionAsset,
+  defaultInlineSourcePlaceholder,
+  inlineAssetKind,
+  isFileCollectionAsset,
+  isInlineCollectionAsset,
+  isInsertableCollectionAsset,
+  type InlineAssetKind,
+} from './helpers/assetKind.js'