@jonsoc/ui 1.1.34

package/src/i18n/pl.ts

@@ -0,0 +1,92 @@
+export const dict = {
+  "ui.sessionReview.title": "Zmiany w sesji",
+  "ui.sessionReview.diffStyle.unified": "Ujednolicony",
+  "ui.sessionReview.diffStyle.split": "Podzielony",
+  "ui.sessionReview.expandAll": "Rozwiń wszystko",
+  "ui.sessionReview.collapseAll": "Zwiń wszystko",
+
+  "ui.sessionTurn.steps.show": "Pokaż kroki",
+  "ui.sessionTurn.steps.hide": "Ukryj kroki",
+  "ui.sessionTurn.summary.response": "Odpowiedź",
+  "ui.sessionTurn.diff.showMore": "Pokaż więcej zmian ({{count}})",
+
+  "ui.sessionTurn.retry.retrying": "ponawianie",
+  "ui.sessionTurn.retry.inSeconds": "za {{seconds}}s",
+
+  "ui.sessionTurn.status.delegating": "Delegowanie pracy",
+  "ui.sessionTurn.status.planning": "Planowanie kolejnych kroków",
+  "ui.sessionTurn.status.gatheringContext": "Zbieranie kontekstu",
+  "ui.sessionTurn.status.searchingCodebase": "Przeszukiwanie bazy kodu",
+  "ui.sessionTurn.status.searchingWeb": "Przeszukiwanie sieci",
+  "ui.sessionTurn.status.makingEdits": "Wprowadzanie zmian",
+  "ui.sessionTurn.status.runningCommands": "Uruchamianie poleceń",
+  "ui.sessionTurn.status.thinking": "Myślenie",
+  "ui.sessionTurn.status.thinkingWithTopic": "Myślenie - {{topic}}",
+  "ui.sessionTurn.status.gatheringThoughts": "Zbieranie myśli",
+  "ui.sessionTurn.status.consideringNextSteps": "Rozważanie kolejnych kroków",
+
+  "ui.messagePart.diagnostic.error": "Błąd",
+  "ui.messagePart.title.edit": "Edycja",
+  "ui.messagePart.title.write": "Pisanie",
+  "ui.messagePart.option.typeOwnAnswer": "Wpisz własną odpowiedź",
+  "ui.messagePart.review.title": "Przejrzyj swoje odpowiedzi",
+
+  "ui.list.loading": "Ładowanie",
+  "ui.list.empty": "Brak wyników",
+  "ui.list.clearFilter": "Wyczyść filtr",
+  "ui.list.emptyWithFilter.prefix": "Brak wyników dla",
+  "ui.list.emptyWithFilter.suffix": "",
+
+  "ui.messageNav.newMessage": "Nowa wiadomość",
+
+  "ui.textField.copyToClipboard": "Skopiuj do schowka",
+  "ui.textField.copied": "Skopiowano",
+
+  "ui.imagePreview.alt": "Podgląd obrazu",
+
+  "ui.tool.read": "Odczyt",
+  "ui.tool.list": "Lista",
+  "ui.tool.glob": "Glob",
+  "ui.tool.grep": "Grep",
+  "ui.tool.webfetch": "Pobieranie sieciowe",
+  "ui.tool.shell": "Terminal",
+  "ui.tool.patch": "Patch",
+  "ui.tool.todos": "Zadania",
+  "ui.tool.todos.read": "Czytaj zadania",
+  "ui.tool.questions": "Pytania",
+  "ui.tool.agent": "Agent {{type}}",
+
+  "ui.common.file.one": "plik",
+  "ui.common.file.other": "pliki",
+  "ui.common.question.one": "pytanie",
+  "ui.common.question.other": "pytania",
+
+  "ui.common.add": "Dodaj",
+  "ui.common.cancel": "Anuluj",
+  "ui.common.confirm": "Potwierdź",
+  "ui.common.dismiss": "Odrzuć",
+  "ui.common.close": "Zamknij",
+  "ui.common.next": "Dalej",
+  "ui.common.submit": "Prześlij",
+
+  "ui.permission.deny": "Odmów",
+  "ui.permission.allowAlways": "Zezwalaj zawsze",
+  "ui.permission.allowOnce": "Zezwól raz",
+
+  "ui.message.expand": "Rozwiń wiadomość",
+  "ui.message.collapse": "Zwiń wiadomość",
+  "ui.message.copy": "Kopiuj",
+  "ui.message.copied": "Skopiowano!",
+  "ui.message.attachment.alt": "załącznik",
+
+  "ui.patch.action.deleted": "Usunięto",
+  "ui.patch.action.created": "Utworzono",
+  "ui.patch.action.moved": "Przeniesiono",
+  "ui.patch.action.patched": "Załatano",
+
+  "ui.question.subtitle.answered": "{{count}} odpowiedzi",
+  "ui.question.answer.none": "(brak odpowiedzi)",
+  "ui.question.review.notAnswered": "(bez odpowiedzi)",
+  "ui.question.multiHint": "(zaznacz wszystkie pasujące)",
+  "ui.question.custom.placeholder": "Wpisz swoją odpowiedź...",
+}

package/src/i18n/ru.ts

@@ -0,0 +1,92 @@
+export const dict = {
+  "ui.sessionReview.title": "Изменения сессии",
+  "ui.sessionReview.diffStyle.unified": "Объединённый",
+  "ui.sessionReview.diffStyle.split": "Разделённый",
+  "ui.sessionReview.expandAll": "Развернуть всё",
+  "ui.sessionReview.collapseAll": "Свернуть всё",
+
+  "ui.sessionTurn.steps.show": "Показать шаги",
+  "ui.sessionTurn.steps.hide": "Скрыть шаги",
+  "ui.sessionTurn.summary.response": "Ответ",
+  "ui.sessionTurn.diff.showMore": "Показать ещё изменений ({{count}})",
+
+  "ui.sessionTurn.retry.retrying": "повтор",
+  "ui.sessionTurn.retry.inSeconds": "через {{seconds}}с",
+
+  "ui.sessionTurn.status.delegating": "Делегирование работы",
+  "ui.sessionTurn.status.planning": "Планирование следующих шагов",
+  "ui.sessionTurn.status.gatheringContext": "Сбор контекста",
+  "ui.sessionTurn.status.searchingCodebase": "Поиск в кодовой базе",
+  "ui.sessionTurn.status.searchingWeb": "Поиск в интернете",
+  "ui.sessionTurn.status.makingEdits": "Внесение изменений",
+  "ui.sessionTurn.status.runningCommands": "Выполнение команд",
+  "ui.sessionTurn.status.thinking": "Размышление",
+  "ui.sessionTurn.status.thinkingWithTopic": "Размышление - {{topic}}",
+  "ui.sessionTurn.status.gatheringThoughts": "Сбор мыслей",
+  "ui.sessionTurn.status.consideringNextSteps": "Рассмотрение следующих шагов",
+
+  "ui.messagePart.diagnostic.error": "Ошибка",
+  "ui.messagePart.title.edit": "Редактировать",
+  "ui.messagePart.title.write": "Написать",
+  "ui.messagePart.option.typeOwnAnswer": "Введите свой ответ",
+  "ui.messagePart.review.title": "Проверьте ваши ответы",
+
+  "ui.list.loading": "Загрузка",
+  "ui.list.empty": "Нет результатов",
+  "ui.list.clearFilter": "Очистить фильтр",
+  "ui.list.emptyWithFilter.prefix": "Нет результатов для",
+  "ui.list.emptyWithFilter.suffix": "",
+
+  "ui.messageNav.newMessage": "Новое сообщение",
+
+  "ui.textField.copyToClipboard": "Копировать в буфер обмена",
+  "ui.textField.copied": "Скопировано",
+
+  "ui.imagePreview.alt": "Предпросмотр изображения",
+
+  "ui.tool.read": "Чтение",
+  "ui.tool.list": "Список",
+  "ui.tool.glob": "Glob",
+  "ui.tool.grep": "Grep",
+  "ui.tool.webfetch": "Webfetch",
+  "ui.tool.shell": "Оболочка",
+  "ui.tool.patch": "Патч",
+  "ui.tool.todos": "Задачи",
+  "ui.tool.todos.read": "Читать задачи",
+  "ui.tool.questions": "Вопросы",
+  "ui.tool.agent": "Агент {{type}}",
+
+  "ui.common.file.one": "файл",
+  "ui.common.file.other": "файлов",
+  "ui.common.question.one": "вопрос",
+  "ui.common.question.other": "вопросов",
+
+  "ui.common.add": "Добавить",
+  "ui.common.cancel": "Отмена",
+  "ui.common.confirm": "Подтвердить",
+  "ui.common.dismiss": "Закрыть",
+  "ui.common.close": "Закрыть",
+  "ui.common.next": "Далее",
+  "ui.common.submit": "Отправить",
+
+  "ui.permission.deny": "Запретить",
+  "ui.permission.allowAlways": "Разрешить всегда",
+  "ui.permission.allowOnce": "Разрешить один раз",
+
+  "ui.message.expand": "Развернуть сообщение",
+  "ui.message.collapse": "Свернуть сообщение",
+  "ui.message.copy": "Копировать",
+  "ui.message.copied": "Скопировано!",
+  "ui.message.attachment.alt": "вложение",
+
+  "ui.patch.action.deleted": "Удалено",
+  "ui.patch.action.created": "Создано",
+  "ui.patch.action.moved": "Перемещено",
+  "ui.patch.action.patched": "Изменено",
+
+  "ui.question.subtitle.answered": "{{count}} отвечено",
+  "ui.question.answer.none": "(нет ответа)",
+  "ui.question.review.notAnswered": "(не отвечено)",
+  "ui.question.multiHint": "(выберите все подходящие)",
+  "ui.question.custom.placeholder": "Введите ваш ответ...",
+}

package/src/i18n/zh.ts

@@ -0,0 +1,96 @@
+import { dict as en } from "./en"
+
+type Keys = keyof typeof en
+
+export const dict = {
+  "ui.sessionReview.title": "会话变更",
+  "ui.sessionReview.diffStyle.unified": "统一",
+  "ui.sessionReview.diffStyle.split": "拆分",
+  "ui.sessionReview.expandAll": "全部展开",
+  "ui.sessionReview.collapseAll": "全部收起",
+
+  "ui.sessionTurn.steps.show": "显示步骤",
+  "ui.sessionTurn.steps.hide": "隐藏步骤",
+  "ui.sessionTurn.summary.response": "回复",
+  "ui.sessionTurn.diff.showMore": "显示更多更改 ({{count}})",
+
+  "ui.sessionTurn.retry.retrying": "重试中",
+  "ui.sessionTurn.retry.inSeconds": "{{seconds}} 秒后",
+
+  "ui.sessionTurn.status.delegating": "正在委派工作",
+  "ui.sessionTurn.status.planning": "正在规划下一步",
+  "ui.sessionTurn.status.gatheringContext": "正在收集上下文",
+  "ui.sessionTurn.status.searchingCodebase": "正在搜索代码库",
+  "ui.sessionTurn.status.searchingWeb": "正在搜索网页",
+  "ui.sessionTurn.status.makingEdits": "正在修改",
+  "ui.sessionTurn.status.runningCommands": "正在运行命令",
+  "ui.sessionTurn.status.thinking": "思考中",
+  "ui.sessionTurn.status.thinkingWithTopic": "思考 - {{topic}}",
+  "ui.sessionTurn.status.gatheringThoughts": "正在整理思路",
+  "ui.sessionTurn.status.consideringNextSteps": "正在考虑下一步",
+
+  "ui.messagePart.diagnostic.error": "错误",
+  "ui.messagePart.title.edit": "编辑",
+  "ui.messagePart.title.write": "写入",
+  "ui.messagePart.option.typeOwnAnswer": "输入自己的答案",
+  "ui.messagePart.review.title": "检查你的答案",
+
+  "ui.list.loading": "加载中",
+  "ui.list.empty": "无结果",
+  "ui.list.clearFilter": "清除筛选",
+  "ui.list.emptyWithFilter.prefix": "没有关于",
+  "ui.list.emptyWithFilter.suffix": "的结果",
+
+  "ui.messageNav.newMessage": "新消息",
+
+  "ui.textField.copyToClipboard": "复制到剪贴板",
+  "ui.textField.copied": "已复制",
+
+  "ui.imagePreview.alt": "图片预览",
+
+  "ui.tool.read": "读取",
+  "ui.tool.list": "列表",
+  "ui.tool.glob": "Glob",
+  "ui.tool.grep": "Grep",
+  "ui.tool.webfetch": "Webfetch",
+  "ui.tool.shell": "Shell",
+  "ui.tool.patch": "补丁",
+  "ui.tool.todos": "待办",
+  "ui.tool.todos.read": "读取待办",
+  "ui.tool.questions": "问题",
+  "ui.tool.agent": "{{type}} 智能体",
+
+  "ui.common.file.one": "个文件",
+  "ui.common.file.other": "个文件",
+  "ui.common.question.one": "个问题",
+  "ui.common.question.other": "个问题",
+
+  "ui.common.add": "添加",
+  "ui.common.cancel": "取消",
+  "ui.common.confirm": "确认",
+  "ui.common.dismiss": "忽略",
+  "ui.common.close": "关闭",
+  "ui.common.next": "下一步",
+  "ui.common.submit": "提交",
+
+  "ui.permission.deny": "拒绝",
+  "ui.permission.allowAlways": "始终允许",
+  "ui.permission.allowOnce": "允许一次",
+
+  "ui.message.expand": "展开消息",
+  "ui.message.collapse": "收起消息",
+  "ui.message.copy": "复制",
+  "ui.message.copied": "已复制",
+  "ui.message.attachment.alt": "附件",
+
+  "ui.patch.action.deleted": "已删除",
+  "ui.patch.action.created": "已创建",
+  "ui.patch.action.moved": "已移动",
+  "ui.patch.action.patched": "已应用补丁",
+
+  "ui.question.subtitle.answered": "{{count}} 已回答",
+  "ui.question.answer.none": "(无答案)",
+  "ui.question.review.notAnswered": "(未回答)",
+  "ui.question.multiHint": "(可多选)",
+  "ui.question.custom.placeholder": "输入你的答案...",
+} satisfies Partial<Record<Keys, string>>

package/src/i18n/zht.ts

@@ -0,0 +1,96 @@
+import { dict as en } from "./en"
+
+type Keys = keyof typeof en
+
+export const dict = {
+  "ui.sessionReview.title": "工作階段變更",
+  "ui.sessionReview.diffStyle.unified": "整合",
+  "ui.sessionReview.diffStyle.split": "拆分",
+  "ui.sessionReview.expandAll": "全部展開",
+  "ui.sessionReview.collapseAll": "全部收合",
+
+  "ui.sessionTurn.steps.show": "顯示步驟",
+  "ui.sessionTurn.steps.hide": "隱藏步驟",
+  "ui.sessionTurn.summary.response": "回覆",
+  "ui.sessionTurn.diff.showMore": "顯示更多變更 ({{count}})",
+
+  "ui.sessionTurn.retry.retrying": "重試中",
+  "ui.sessionTurn.retry.inSeconds": "{{seconds}} 秒後",
+
+  "ui.sessionTurn.status.delegating": "正在委派工作",
+  "ui.sessionTurn.status.planning": "正在規劃下一步",
+  "ui.sessionTurn.status.gatheringContext": "正在收集上下文",
+  "ui.sessionTurn.status.searchingCodebase": "正在搜尋程式碼庫",
+  "ui.sessionTurn.status.searchingWeb": "正在搜尋網頁",
+  "ui.sessionTurn.status.makingEdits": "正在修改",
+  "ui.sessionTurn.status.runningCommands": "正在執行命令",
+  "ui.sessionTurn.status.thinking": "思考中",
+  "ui.sessionTurn.status.thinkingWithTopic": "思考 - {{topic}}",
+  "ui.sessionTurn.status.gatheringThoughts": "正在整理思緒",
+  "ui.sessionTurn.status.consideringNextSteps": "正在考慮下一步",
+
+  "ui.messagePart.diagnostic.error": "錯誤",
+  "ui.messagePart.title.edit": "編輯",
+  "ui.messagePart.title.write": "寫入",
+  "ui.messagePart.option.typeOwnAnswer": "輸入自己的答案",
+  "ui.messagePart.review.title": "檢查你的答案",
+
+  "ui.list.loading": "載入中",
+  "ui.list.empty": "無結果",
+  "ui.list.clearFilter": "清除篩選",
+  "ui.list.emptyWithFilter.prefix": "沒有關於",
+  "ui.list.emptyWithFilter.suffix": "的結果",
+
+  "ui.messageNav.newMessage": "新訊息",
+
+  "ui.textField.copyToClipboard": "複製到剪貼簿",
+  "ui.textField.copied": "已複製",
+
+  "ui.imagePreview.alt": "圖片預覽",
+
+  "ui.tool.read": "讀取",
+  "ui.tool.list": "清單",
+  "ui.tool.glob": "Glob",
+  "ui.tool.grep": "Grep",
+  "ui.tool.webfetch": "Webfetch",
+  "ui.tool.shell": "Shell",
+  "ui.tool.patch": "修補",
+  "ui.tool.todos": "待辦",
+  "ui.tool.todos.read": "讀取待辦",
+  "ui.tool.questions": "問題",
+  "ui.tool.agent": "{{type}} 代理程式",
+
+  "ui.common.file.one": "個檔案",
+  "ui.common.file.other": "個檔案",
+  "ui.common.question.one": "個問題",
+  "ui.common.question.other": "個問題",
+
+  "ui.common.add": "新增",
+  "ui.common.cancel": "取消",
+  "ui.common.confirm": "確認",
+  "ui.common.dismiss": "忽略",
+  "ui.common.close": "關閉",
+  "ui.common.next": "下一步",
+  "ui.common.submit": "提交",
+
+  "ui.permission.deny": "拒絕",
+  "ui.permission.allowAlways": "永遠允許",
+  "ui.permission.allowOnce": "允許一次",
+
+  "ui.message.expand": "展開訊息",
+  "ui.message.collapse": "收合訊息",
+  "ui.message.copy": "複製",
+  "ui.message.copied": "已複製",
+  "ui.message.attachment.alt": "附件",
+
+  "ui.patch.action.deleted": "已刪除",
+  "ui.patch.action.created": "已建立",
+  "ui.patch.action.moved": "已移動",
+  "ui.patch.action.patched": "已套用修補",
+
+  "ui.question.subtitle.answered": "{{count}} 已回答",
+  "ui.question.answer.none": "(無答案)",
+  "ui.question.review.notAnswered": "(未回答)",
+  "ui.question.multiHint": "(可多選)",
+  "ui.question.custom.placeholder": "輸入你的答案...",
+} satisfies Partial<Record<Keys, string>>

package/src/pierre/index.ts

@@ -0,0 +1,151 @@
+import { DiffLineAnnotation, FileContents, FileDiffOptions, type SelectedLineRange } from "@pierre/diffs"
+import { ComponentProps } from "solid-js"
+
+export type DiffProps<T = {}> = FileDiffOptions<T> & {
+  before: FileContents
+  after: FileContents
+  annotations?: DiffLineAnnotation<T>[]
+  selectedLines?: SelectedLineRange | null
+  commentedLines?: SelectedLineRange[]
+  onRendered?: () => void
+  class?: string
+  classList?: ComponentProps<"div">["classList"]
+}
+
+const unsafeCSS = `
+[data-diffs] {
+  --diffs-bg: light-dark(var(--diffs-light-bg), var(--diffs-dark-bg));
+  --diffs-bg-buffer: var(--diffs-bg-buffer-override, light-dark( color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))));
+  --diffs-bg-hover: var(--diffs-bg-hover-override, light-dark( color-mix(in lab, var(--diffs-bg) 97%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-mixer))));
+  --diffs-bg-context: var(--diffs-bg-context-override, light-dark( color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))));
+  --diffs-bg-separator: var(--diffs-bg-separator-override, light-dark( color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)), color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))));
+  --diffs-fg: light-dark(var(--diffs-light), var(--diffs-dark));
+  --diffs-fg-number: var(--diffs-fg-number-override, light-dark(color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)), color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))));
+  --diffs-deletion-base: var(--syntax-diff-delete);
+  --diffs-addition-base: var(--syntax-diff-add);
+  --diffs-modified-base: var(--syntax-diff-unknown);
+  --diffs-bg-deletion: var(--diffs-bg-deletion-override, light-dark( color-mix(in lab, var(--diffs-bg) 98%, var(--diffs-deletion-base)), color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-deletion-base))));
+  --diffs-bg-deletion-number: var(--diffs-bg-deletion-number-override, light-dark( color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-deletion-base)), color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-deletion-base))));
+  --diffs-bg-deletion-hover: var(--diffs-bg-deletion-hover-override, light-dark( color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base)), color-mix(in lab, var(--diffs-bg) 75%, var(--diffs-deletion-base))));
+  --diffs-bg-deletion-emphasis: var(--diffs-bg-deletion-emphasis-override, light-dark(rgb(from var(--diffs-deletion-base) r g b / 0.7), rgb(from var(--diffs-deletion-base) r g b / 0.1)));
+  --diffs-bg-addition: var(--diffs-bg-addition-override, light-dark( color-mix(in lab, var(--diffs-bg) 98%, var(--diffs-addition-base)), color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-addition-base))));
+  --diffs-bg-addition-number: var(--diffs-bg-addition-number-override, light-dark( color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-addition-base)), color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-addition-base))));
+  --diffs-bg-addition-hover: var(--diffs-bg-addition-hover-override, light-dark( color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base)), color-mix(in lab, var(--diffs-bg) 70%, var(--diffs-addition-base))));
+  --diffs-bg-addition-emphasis: var(--diffs-bg-addition-emphasis-override, light-dark(rgb(from var(--diffs-addition-base) r g b / 0.07), rgb(from var(--diffs-addition-base) r g b / 0.1)));
+  --diffs-selection-base: var(--surface-warning-strong);
+  --diffs-selection-border: var(--border-warning-base);
+  --diffs-selection-number-fg: var(--text-on-warning-strong);
+  --diffs-bg-selection: var(--diffs-bg-selection-override, color-mix(in oklch, var(--surface-warning-base) 65%, transparent));
+  --diffs-bg-selection-number: var(--diffs-bg-selection-number-override, color-mix(in oklch, var(--surface-warning-base) 85%, transparent));
+  --diffs-bg-selection-text: color-mix(in oklch, var(--surface-warning-strong) 20%, transparent);
+}
+
+[data-diffs] ::selection {
+  background-color: var(--diffs-bg-selection-text);
+}
+
+[data-diffs] [data-comment-selected] {
+  background-color: var(--diffs-bg-selection);
+}
+
+[data-diffs] [data-comment-selected] [data-column-number] {
+  background-color: var(--diffs-bg-selection-number);
+  color: var(--diffs-selection-number-fg);
+}
+
+[data-diffs] [data-selected-line] {
+  background-color: var(--diffs-bg-selection);
+  box-shadow: inset 2px 0 0 var(--diffs-selection-border);
+}
+
+[data-diffs] [data-selected-line] [data-column-number] {
+  background-color: var(--diffs-bg-selection-number);
+  color: var(--diffs-selection-number-fg);
+}
+
+  [data-diffs-header],
+  [data-diffs] {
+    [data-separator-wrapper] {
+      margin: 0 !important;
+      border-radius: 0 !important;
+    }
+    [data-expand-button] {
+      width: 6.5ch !important;
+      height: 24px !important;
+      justify-content: end !important;
+      padding-left: 3ch !important;
+      padding-inline: 1ch !important;
+    }
+    [data-separator-multi-button] {
+      grid-template-rows: 10px 10px !important;
+      [data-expand-button] {
+        height: 12px !important;
+      }
+    }
+    [data-separator-content] {
+      height: 24px !important;
+    }
+    [data-line] {
+      display: grid !important;
+      grid-template-columns: subgrid !important;
+      grid-column: 1 / -1 !important;
+      align-items: stretch !important;
+    }
+    [data-column-number] {
+      display: flex !important;
+      justify-content: flex-end !important;
+      align-items: center !important;
+      min-height: 100% !important;
+      width: var(--diffs-min-number-column-width, 4ch) !important;
+      background-color: var(--diffs-bg) !important;
+      z-index: 10 !important;
+    }
+    [data-column-content] {
+      display: block !important;
+      min-width: 0 !important;
+    }
+  }`
+
+export function createDefaultOptions<T>(style: FileDiffOptions<T>["diffStyle"]) {
+  return {
+    theme: "JonsOC",
+    themeType: "system",
+    disableLineNumbers: false,
+    overflow: "scroll",
+    diffStyle: style ?? "unified",
+    diffIndicators: "bars",
+    disableBackground: false,
+    expansionLineCount: 20,
+    lineDiffType: style === "split" ? "word-alt" : "none",
+    maxLineDiffLength: 1000,
+    maxLineLengthForHighlighting: 1000,
+    disableFileHeader: true,
+    unsafeCSS,
+    // hunkSeparators(hunkData: HunkData) {
+    //   const fragment = document.createDocumentFragment()
+    //   const numCol = document.createElement("div")
+    //   numCol.innerHTML = `<svg data-slot="diff-hunk-separator-line-number-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.97978 14.0204L8.62623 13.6668L9.33334 12.9597L9.68689 13.3133L9.33333 13.6668L8.97978 14.0204ZM12 16.3335L12.3535 16.6871L12 17.0406L11.6464 16.687L12 16.3335ZM14.3131 13.3133L14.6667 12.9597L15.3738 13.6668L15.0202 14.0204L14.6667 13.6668L14.3131 13.3133ZM12.5 16.0002V16.5002H11.5V16.0002H12H12.5ZM9.33333 13.6668L9.68689 13.3133L12.3535 15.9799L12 16.3335L11.6464 16.687L8.97978 14.0204L9.33333 13.6668ZM12 16.3335L11.6464 15.9799L14.3131 13.3133L14.6667 13.6668L15.0202 14.0204L12.3535 16.6871L12 16.3335ZM6.5 8.00016V7.50016H8.5V8.00016V8.50016H6.5V8.00016ZM9.5 8.00016V7.50016H11.5V8.00016V8.50016H9.5V8.00016ZM12.5 8.00016V7.50016H14.5V8.00016V8.50016H12.5V8.00016ZM15.5 8.00016V7.50016H17.5V8.00016V8.50016H15.5V8.00016ZM12 10.5002H12.5V16.0002H12H11.5V10.5002H12Z" fill="currentColor"/></svg> `
+    //   numCol.dataset["slot"] = "diff-hunk-separator-line-number"
+    //   fragment.appendChild(numCol)
+    //   const contentCol = document.createElement("div")
+    //   contentCol.dataset["slot"] = "diff-hunk-separator-content"
+    //   const span = document.createElement("span")
+    //   span.dataset["slot"] = "diff-hunk-separator-content-span"
+    //   span.textContent = `${hunkData.lines} unmodified lines`
+    //   contentCol.appendChild(span)
+    //   fragment.appendChild(contentCol)
+    //   return fragment
+    // },
+  } as const
+}
+
+export const styleVariables = {
+  "--diffs-font-family": "var(--font-family-mono)",
+  "--diffs-font-size": "var(--font-size-small)",
+  "--diffs-line-height": "24px",
+  "--diffs-tab-size": 2,
+  "--diffs-font-features": "var(--font-family-mono--font-feature-settings)",
+  "--diffs-header-font-family": "var(--font-family-sans)",
+  "--diffs-gap-block": 0,
+  "--diffs-min-number-column-width": "4ch",
+}

package/src/pierre/worker.ts

@@ -0,0 +1,51 @@
+import { WorkerPoolManager } from "@pierre/diffs/worker"
+import ShikiWorkerUrl from "@pierre/diffs/worker/worker.js?worker&url"
+
+export type WorkerPoolStyle = "unified" | "split"
+
+export function workerFactory(): Worker {
+  return new Worker(ShikiWorkerUrl, { type: "module" })
+}
+
+function createPool(lineDiffType: "none" | "word-alt") {
+  const pool = new WorkerPoolManager(
+    {
+      workerFactory,
+      // poolSize defaults to 8. More workers = more parallelism but
+      // also more memory. Too many can actually slow things down.
+      // NOTE: 2 is probably better for JonsOC, as I think 8 might be
+      // a bit overkill, especially because Safari has a significantly slower
+      // boot up time for workers
+      poolSize: 2,
+    },
+    {
+      theme: "JonsOC",
+      lineDiffType,
+    },
+  )
+
+  pool.initialize()
+  return pool
+}
+
+let unified: WorkerPoolManager | undefined
+let split: WorkerPoolManager | undefined
+
+export function getWorkerPool(style: WorkerPoolStyle | undefined): WorkerPoolManager | undefined {
+  if (typeof window === "undefined") return
+
+  if (style === "split") {
+    if (!split) split = createPool("word-alt")
+    return split
+  }
+
+  if (!unified) unified = createPool("none")
+  return unified
+}
+
+export function getWorkerPools() {
+  return {
+    unified: getWorkerPool("unified"),
+    split: getWorkerPool("split"),
+  }
+}