@lapis-notes/history 0.1.2 → 0.2.0

package/dist/repository/components/backup/SyncSettings.svelte

@@ -0,0 +1,97 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { Button } from "@lapismd/design-core/shadcn/button";
+  import { Switch } from "@lapismd/design-core/shadcn/switch";
+  import * as Field from "@lapismd/design-core/shadcn/field";
+  import BackupCard from "./BackupCard.svelte";
+  import RefreshCw from "@lucide/svelte/icons/refresh-cw";
+  import GitMerge from "@lucide/svelte/icons/git-merge";
+  import type { SyncController } from "../../controllers/sync-controller.js";
+  import type { SyncState } from "../../controllers/sync.js";
+  let {
+    controller,
+    setEnabled,
+    onReview,
+  }: {
+    controller: SyncController;
+    setEnabled(enabled: boolean): Promise<void>;
+    onReview(): void;
+  } = $props();
+  let snapshot = $state<SyncState>({
+    busy: false,
+    phase: "ready",
+    enabled: true,
+    recovery: false,
+  });
+  onMount(() => controller.subscribe((next) => (snapshot = next)));
+  const descriptions = {
+    ready:
+      "Local history is safe. Connected backups synchronize in the background.",
+    fetching: "Fetching and merging remote history…",
+    applying: "Applying merged files safely…",
+    publishing: "Publishing the selected backup branch…",
+    conflicts:
+      "Local and remote edits need review. Current files have been preserved.",
+    attention:
+      "Synchronization needs attention. Your local history remains available.",
+    paused:
+      "Remote synchronization is paused. Local history remains independent.",
+  };
+</script>
+
+<BackupCard
+  title="Automatic synchronization"
+  Icon={RefreshCw}
+  description={descriptions[snapshot.phase]}
+>
+  <div class="sync-actions">
+    <Field.Field orientation="horizontal" data-disabled={snapshot.busy}
+      ><Switch
+        id="automatic-vault-sync"
+        checked={snapshot.enabled}
+        disabled={snapshot.busy}
+        onCheckedChange={(checked) => void setEnabled(checked)}
+      /><Field.Label for="automatic-vault-sync"
+        >Synchronize the connected backup automatically</Field.Label
+      ></Field.Field
+    >
+    <Button
+      variant="outline"
+      size="sm"
+      disabled={snapshot.busy || !snapshot.enabled}
+      onclick={() => controller.run()}
+      ><RefreshCw data-icon="inline-start" />Sync now</Button
+    >
+    {#if snapshot.proposal?.conflicts.length}<Button
+        variant="outline"
+        size="sm"
+        disabled={snapshot.busy}
+        onclick={onReview}
+        ><GitMerge data-icon="inline-start" />Review {snapshot.proposal
+          .conflicts.length} conflicts</Button
+      >{/if}
+    {#if snapshot.recovery}<Button
+        variant="outline"
+        size="sm"
+        disabled={snapshot.busy}
+        onclick={() => controller.keepCurrent()}>Keep current files</Button
+      >{/if}
+  </div>
+  {#if snapshot.lastSuccess}<p>
+      Last synchronized {new Date(snapshot.lastSuccess).toLocaleTimeString()}
+    </p>{/if}
+</BackupCard>
+
+<style>
+  .sync-actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.75rem;
+  }
+  p {
+    color: var(--muted-foreground);
+    font-size: 0.75rem;
+    margin: 0.75rem 0 0;
+  }
+</style>

package/dist/repository/components/backup/SyncSettings.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { SyncController } from "../../controllers/sync-controller.js";
+type $$ComponentProps = {
+    controller: SyncController;
+    setEnabled(enabled: boolean): Promise<void>;
+    onReview(): void;
+};
+declare const SyncSettings: import("svelte").Component<$$ComponentProps, {}, "">;
+type SyncSettings = ReturnType<typeof SyncSettings>;
+export default SyncSettings;

package/dist/repository/components/backup/adoption-settings.d.ts

@@ -0,0 +1,7 @@
+import type { RepositoryPlugin } from "../repository-plugin.js";
+import type { AdoptionService } from "../../controllers/adoption.js";
+import { AdoptionController } from "../../controllers/adoption-controller.js";
+export declare function adoptionSettings(plugin: RepositoryPlugin, service?: AdoptionService): {
+    controller: AdoptionController;
+    close(): Promise<void>;
+} | undefined;

package/dist/repository/components/backup/adoption-settings.js

@@ -0,0 +1,42 @@
+import { adoptionRequest } from "../../controllers/adoption.js";
+import { AdoptionController } from "../../controllers/adoption-controller.js";
+import { updateRepositoryData } from "../../controllers/plugin-data.js";
+import { BackgroundWork } from "../../controllers/background-work.js";
+export function adoptionSettings(plugin, service) {
+    if (!service)
+        return;
+    const controller = new AdoptionController(service, {
+        async load() {
+            const saved = (await plugin.loadData())?.historyAdoption;
+            return saved == null ? undefined : adoptionRequest(saved);
+        },
+        async save(request) {
+            await updateRepositoryData(plugin, {
+                historyAdoption: request ?? null,
+            });
+        },
+    }, plugin.feedback("Import original history", "repository-history:adoption"), async (action) => {
+        let phase;
+        const stop = plugin.backup?.controller.subscribe((state) => {
+            phase = state.phase;
+        });
+        stop?.();
+        if (!plugin.backup || phase === "closed")
+            throw new Error("Enable automatic local history before importing original history");
+        return plugin.app.fileEditingSessions.guard(undefined, async () => {
+            await plugin.backup?.sync?.controller.drained();
+            return action();
+        });
+    });
+    const progress = new BackgroundWork(plugin.app.notifications, plugin.id).follow("Importing original history", {
+        subscribe: (listener) => controller.subscribeActivity(listener),
+    });
+    return {
+        controller,
+        async close() {
+            controller.close();
+            await controller.drained();
+            progress();
+        },
+    };
+}

package/dist/repository/components/backup/backup-settings.d.ts

@@ -0,0 +1,35 @@
+import type { WorkspaceCustomSetting } from "@lapis-notes/api";
+import type { ComponentProps } from "svelte";
+import { ForgeController } from "../../controllers/forge-controller.js";
+import type { RepositoryServices } from "../../controllers/history-reader.js";
+import { RemoteController } from "../../controllers/remote-controller.js";
+import type { RepositoryPlugin } from "../repository-plugin.js";
+import type BackupSettings from "./BackupSettings.svelte";
+export declare const BACKUP_SETTINGS = "repository-history.remoteBackup";
+export type BackupSettingsFieldDefinition = WorkspaceCustomSetting & {
+    openPanel(): BackupSettingsPanel;
+};
+export type BackupSettingsPanel = {
+    props: ComponentProps<typeof BackupSettings>;
+    close(): Promise<void>;
+    report(error: unknown): void;
+};
+export declare function openBackupSettings(plugin: RepositoryPlugin): void;
+/** Each visible settings panel owns transient accounts; durable work stays plugin-owned. */
+export declare function createBackupSettings(plugin: RepositoryPlugin, services: RepositoryServices): {
+    field: BackupSettingsFieldDefinition;
+    openPanel: () => {
+        props: {
+            controller: ForgeController;
+            remote: RemoteController | undefined;
+            restore: import("../../controllers/restore.js").RestoreController | undefined;
+            storage: import("../../controllers/storage-controller.js").StorageController | undefined;
+            adoption: import("../../controllers/adoption-controller.js").AdoptionController | undefined;
+            sync: import("../../controllers/sync-controller.js").SyncController | undefined;
+            setSyncEnabled: (enabled: boolean) => Promise<void>;
+        };
+        close(): Promise<void>;
+        report: (error: unknown) => void;
+    };
+    close(): Promise<void>;
+} | undefined;

package/dist/repository/components/backup/backup-settings.js

@@ -0,0 +1,96 @@
+import { getWorkspaceHostBinding } from "@lapis-notes/api/workspace-host";
+import { ForgeController } from "../../controllers/forge-controller.js";
+import { RemoteController } from "../../controllers/remote-controller.js";
+import { BackgroundWork } from "../../controllers/background-work.js";
+import BackupSettingsField from "./BackupSettingsField.svelte";
+import { createRemoteRestore } from "./remote-restore.js";
+import { adoptionSettings } from "./adoption-settings.js";
+import { storageSettings } from "./storage-settings.js";
+export const BACKUP_SETTINGS = "repository-history.remoteBackup";
+export function openBackupSettings(plugin) {
+    getWorkspaceHostBinding(plugin.app.workspace).controller.settings.open({
+        sectionId: "repository-history",
+        fieldId: BACKUP_SETTINGS,
+    });
+}
+/** Each visible settings panel owns transient accounts; durable work stays plugin-owned. */
+export function createBackupSettings(plugin, services) {
+    if (!services.forges)
+        return;
+    const sessions = new Set();
+    const storage = storageSettings(plugin, services.storage);
+    const adoption = adoptionSettings(plugin, services.adoption);
+    const activity = new BackgroundWork(plugin.app.notifications, plugin.id);
+    const forges = services.forges;
+    function openPanel() {
+        const controller = new ForgeController(forges, plugin.feedback("Forge accounts", "repository-history:forge-accounts"));
+        const progress = activity.follow("Connecting forge accounts", {
+            subscribe: (listener) => controller.subscribeActivity(listener),
+        });
+        const remote = services.remote
+            ? new RemoteController(services.remote, plugin.feedback("Remote backup", "repository-history:remote"))
+            : undefined;
+        const restore = services.remote
+            ? createRemoteRestore(plugin, services.remote)
+            : undefined;
+        const remoteProgress = remote &&
+            activity.follow("Remote vault backup", {
+                subscribe: (listener) => remote.subscribeActivity(listener),
+            });
+        let closing;
+        const panel = {
+            props: {
+                controller,
+                remote,
+                restore,
+                storage: storage?.controller,
+                adoption: adoption?.controller,
+                sync: plugin.backup?.sync?.controller,
+                setSyncEnabled: (enabled) => plugin
+                    .backup.sync.setEnabled(enabled)
+                    .catch((error) => plugin.report(error)),
+            },
+            close() {
+                return (closing ??= (async () => {
+                    remote?.close();
+                    restore?.close();
+                    await controller.close();
+                    // Fence replies now; account networking must not hold vault closure.
+                    // Progress remains owned until the actual native operations drain.
+                    void Promise.allSettled([
+                        controller.drained(),
+                        remote?.drained(),
+                    ]).then(() => {
+                        progress();
+                        remoteProgress?.();
+                        sessions.delete(panel);
+                    });
+                })());
+            },
+            report: (error) => plugin.report(error),
+        };
+        sessions.add(panel);
+        return panel;
+    }
+    plugin.addCommand({
+        id: "open-backup-settings",
+        name: "Open Repository Backup Settings",
+        callback: () => openBackupSettings(plugin),
+    });
+    const field = {
+        id: BACKUP_SETTINGS,
+        type: "custom",
+        title: "Backup and synchronisation",
+        presentation: "full-width",
+        component: BackupSettingsField,
+        openPanel,
+    };
+    return {
+        field,
+        openPanel,
+        async close() {
+            await Promise.allSettled([...sessions].map((panel) => panel.close()));
+            await Promise.all([storage?.close(), adoption?.close()]);
+        },
+    };
+}

package/dist/repository/components/backup/forge-icons.d.ts

@@ -0,0 +1,10 @@
+export declare const forgeIcons: {
+    readonly github: {
+        readonly name: "GitHub";
+        readonly path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12";
+    };
+    readonly forgejo: {
+        readonly name: "Forgejo";
+        readonly path: "M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z";
+    };
+};

package/dist/repository/components/backup/forge-icons.js

@@ -0,0 +1,11 @@
+// Copied from jj-store site-icons.ts; Simple Icons, CC0-1.0. See docs/provenance.json.
+export const forgeIcons = {
+    github: {
+        name: "GitHub",
+        path: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12",
+    },
+    forgejo: {
+        name: "Forgejo",
+        path: "M16.7773 0c1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.1175a7.0759 7.0759 0 0 1 4.148-1.4205l.1176-.001 1.3385.0002c.4973-.8827 1.4434-1.4788 2.5288-1.4788 1.6018 0 2.9004 1.2986 2.9004 2.9005s-1.2986 2.9004-2.9004 2.9004c-1.0854 0-2.0315-.596-2.5288-1.4787H12.91c-2.3322 0-4.2272 1.8718-4.2649 4.195l-.0007 2.319c.8827.4973 1.4788 1.4434 1.4788 2.5287 0 1.602-1.2986 2.9005-2.9005 2.9005-1.6018 0-2.9004-1.2986-2.9004-2.9005 0-1.0853.596-2.0314 1.4788-2.5287l-.0002-9.9831c0-3.887 3.1195-7.0453 6.9915-7.108l.1176-.001h1.3385C14.7458.5962 15.692 0 16.7773 0ZM7.2227 19.9052c-.6596 0-1.1943.5347-1.1943 1.1943s.5347 1.1943 1.1943 1.1943 1.1944-.5347 1.1944-1.1943-.5348-1.1943-1.1944-1.1943Zm9.5546-10.4644c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Zm0-7.7346c-.6596 0-1.1944.5347-1.1944 1.1943s.5348 1.1943 1.1944 1.1943c.6596 0 1.1943-.5347 1.1943-1.1943s-.5347-1.1943-1.1943-1.1943Z",
+    },
+};

package/dist/repository/components/backup/remote-restore.d.ts

@@ -0,0 +1,3 @@
+import type { RepositoryPlugin } from "../repository-plugin.js";
+import type { RemoteService } from "../../controllers/remote.js";
+export declare function createRemoteRestore(plugin: RepositoryPlugin, remote: RemoteService): import("../../controllers/restore.js").RestoreController | undefined;

package/dist/repository/components/backup/remote-restore.js

@@ -0,0 +1,17 @@
+import { remoteRestore } from "../../controllers/remote.js";
+import { BackgroundWork } from "../../controllers/background-work.js";
+import { createRestoreController } from "../restore-controller.js";
+export function createRemoteRestore(plugin, remote) {
+    const service = remoteRestore(remote);
+    const activity = new BackgroundWork(plugin.app.notifications, plugin.id);
+    return createRestoreController(plugin, {
+        key: "pendingRemoteRestore",
+        title: "Restore remote backup",
+        service: {
+            ...service,
+            previewVault: (checkpoint) => activity.run("Preparing remote restore", () => remote.preview(checkpoint)),
+            applyVault: (request) => activity.run("Restoring remote backup", () => remote.restore(request)),
+            keepCurrent: () => activity.run("Keeping current vault files", () => remote.keepCurrent()),
+        },
+    });
+}

package/dist/repository/components/backup/storage-settings.d.ts

@@ -0,0 +1,8 @@
+import type { RepositoryPlugin } from "../repository-plugin.js";
+import type { StorageService } from "../../controllers/storage.js";
+import { StorageController } from "../../controllers/storage-controller.js";
+/** A move belongs to the enabled plugin, not the tab that requested it. */
+export declare function storageSettings(plugin: RepositoryPlugin, service?: StorageService): {
+    controller: StorageController;
+    close(): Promise<void>;
+} | undefined;

package/dist/repository/components/backup/storage-settings.js

@@ -0,0 +1,23 @@
+import { StorageController } from "../../controllers/storage-controller.js";
+import { BackgroundWork } from "../../controllers/background-work.js";
+/** A move belongs to the enabled plugin, not the tab that requested it. */
+export function storageSettings(plugin, service) {
+    if (!service)
+        return undefined;
+    const controller = new StorageController(service, plugin.feedback("History storage", "repository-history:storage"), (action) => plugin.app.fileEditingSessions.guard(undefined, async () => {
+        await plugin.backup?.controller.pause();
+        await plugin.backup?.sync?.controller.drained();
+        return action();
+    }));
+    const progress = new BackgroundWork(plugin.app.notifications, plugin.id).follow("Moving history storage", {
+        subscribe: (listener) => controller.subscribeActivity(listener),
+    });
+    return {
+        controller,
+        async close() {
+            controller.close();
+            await controller.drained();
+            progress();
+        },
+    };
+}

package/dist/repository/components/blame/RepositoryBlameCommitTitle.svelte

@@ -0,0 +1,212 @@
+<script lang="ts">
+  import * as HoverCard from "@lapismd/design-core/shadcn/hover-card";
+  import { FileChangeStats } from "@lapismd/design-core/diff";
+  import { RelativeTime } from "@lapismd/design-core/shadcn/relative-time";
+  import GitCommitHorizontal from "@lucide/svelte/icons/git-commit-horizontal";
+  import RepositoryAuthorAvatar from "../RepositoryAuthorAvatar.svelte";
+  import type { BlameCommit } from "../../controllers/blame-model.js";
+  let {
+    commit,
+    continued = false,
+    now,
+    stats,
+    onOpen,
+  }: {
+    commit: BlameCommit;
+    continued?: boolean;
+    now?: number;
+    stats?: { additions: number; deletions: number };
+    onOpen?: (commit: string) => void;
+  } = $props();
+  const title = $derived(
+    commit.description.split(/\r?\n/u)[0] || "(no description)",
+  );
+  let open = $state(false);
+  function openCommit() {
+    open = false;
+    onOpen?.(commit.id);
+  }
+</script>
+
+<span class="commit-title">
+  <HoverCard.Root bind:open openDelay={250} closeDelay={150}>
+    <HoverCard.Trigger>
+      {#snippet child({ props })}
+        <button
+          {...props}
+          type="button"
+          class="commit-title__trigger"
+          aria-label={`${title} — ${commit.author.name}${continued ? " (continued)" : ""}`}
+          onclick={openCommit}>{title}</button
+        >
+      {/snippet}
+    </HoverCard.Trigger>
+    <HoverCard.Content
+      align="start"
+      side="bottom"
+      sideOffset={8}
+      style="width:min(26rem, calc(100vw - 2rem));padding:0;"
+    >
+      <section class="commit-card" aria-label="Commit details">
+        <div class="commit-card__summary">
+          <GitCommitHorizontal aria-hidden="true" />
+          <div class="commit-card__message">
+            <button
+              type="button"
+              class="commit-card__title"
+              aria-label={`Open commit details: ${title}`}
+              disabled={!onOpen}
+              onclick={openCommit}>{title}</button
+            >
+            {#if stats}
+              <div class="commit-card__stats">
+                <FileChangeStats
+                  additions={stats.additions}
+                  deletions={stats.deletions}
+                />
+                {#if stats.additions + stats.deletions > 0}
+                  <span class="commit-card__delta" aria-hidden="true">
+                    {#each Array(5) as _, index}
+                      <i
+                        data-added={index <
+                          Math.round(
+                            (5 * stats.additions) /
+                              (stats.additions + stats.deletions),
+                          ) || undefined}
+                      ></i>
+                    {/each}
+                  </span>
+                {/if}
+              </div>
+            {/if}
+          </div>
+        </div>
+        <footer>
+          <RepositoryAuthorAvatar
+            name={commit.committer.name}
+            email={commit.committer.email}
+            size="xs"
+          />
+          <span
+            ><b>{commit.committer.name}</b>
+            <span class="commit-card__time"
+              >committed <RelativeTime
+                timestamp={Number(commit.committer.timestamp.millis)}
+                {now}
+              /></span
+            ></span
+          >
+        </footer>
+      </section>
+    </HoverCard.Content>
+  </HoverCard.Root>
+</span>
+
+<style>
+  .commit-title {
+    display: flex;
+    flex: 1;
+    min-width: 0;
+  }
+  .commit-title__trigger {
+    appearance: none;
+    border: 0;
+    padding: 0;
+    min-width: 0;
+    width: 100%;
+    color: inherit;
+    background: transparent;
+    text-align: left;
+    font: inherit;
+    cursor: pointer;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .commit-title__trigger:hover {
+    color: var(--primary);
+    text-decoration: underline;
+  }
+  .commit-title__trigger:focus-visible {
+    outline: 2px solid var(--ring);
+  }
+  .commit-card {
+    font-family: var(--font-sans, sans-serif);
+  }
+  .commit-card__summary {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+    padding: 1.25rem;
+  }
+  .commit-card__summary > :global(svg) {
+    flex: none;
+    width: 1rem;
+    height: 1rem;
+    margin-top: 0.25rem;
+    color: var(--muted-foreground);
+  }
+  .commit-card__message {
+    flex: 1;
+    min-width: 0;
+  }
+  .commit-card__title {
+    appearance: none;
+    border: 0;
+    padding: 0;
+    background: transparent;
+    color: inherit;
+    text-align: left;
+    cursor: pointer;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    overflow: hidden;
+    overflow-wrap: anywhere;
+    font-family: var(--font-mono, monospace);
+    font-size: 1rem;
+    line-height: 1.4;
+    font-weight: 600;
+  }
+  .commit-card__title:hover {
+    color: var(--primary);
+    text-decoration: underline;
+  }
+  .commit-card__title:focus-visible {
+    color: var(--primary);
+    outline: 2px solid var(--ring);
+  }
+  .commit-card__stats {
+    display: flex;
+    align-items: center;
+    margin-top: 0.75rem;
+    gap: 0.5rem;
+  }
+  .commit-card__delta {
+    display: inline-flex;
+    gap: 2px;
+  }
+  .commit-card__delta i {
+    width: 0.5rem;
+    height: 0.5rem;
+    background: var(--ui-diff-stat-removed);
+  }
+  .commit-card__delta i[data-added] {
+    background: var(--ui-diff-stat-added);
+  }
+  footer {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 1rem 1.25rem;
+    border-top: 1px solid var(--border);
+  }
+  footer > span {
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+  .commit-card__time {
+    color: var(--muted-foreground);
+  }
+</style>

package/dist/repository/components/blame/RepositoryBlameCommitTitle.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { BlameCommit } from "../../controllers/blame-model.js";
+type $$ComponentProps = {
+    commit: BlameCommit;
+    continued?: boolean;
+    now?: number;
+    stats?: {
+        additions: number;
+        deletions: number;
+    };
+    onOpen?: (commit: string) => void;
+};
+declare const RepositoryBlameCommitTitle: import("svelte").Component<$$ComponentProps, {}, "">;
+type RepositoryBlameCommitTitle = ReturnType<typeof RepositoryBlameCommitTitle>;
+export default RepositoryBlameCommitTitle;