sync: update from private repo (d8074a7)

2026-06-05 06:05:30 +00:00
parent a44f6b41e2
commit e00ea9fb0c
91 changed files with 530 additions and 257 deletions
@@ -85,7 +85,7 @@ function FileSortMenu({ sort, onChange }: { sort: FileSort; onChange: (s: FileSo
        </svg>
      </button>
      {open && (
-        <div className="absolute right-0 top-[calc(100%+6px)] z-10 bg-white border border-hairline rounded-md shadow min-w-[140px] p-1">
+        <div className="absolute right-0 top-[calc(100%+6px)] z-10 bg-canvas border border-hairline rounded-md shadow min-w-[140px] p-1">
          {SORT_OPTIONS.map(o => {
            const selected = sort === o.value;
            return (
@@ -149,7 +149,7 @@ export function FileBrowser({
  // Icon-only action buttons. Replaces the wider "Preview" / "DL" / "Open"
  // text buttons that were squeezing long filenames before. Sized 32px for
  // finger-friendly tap targets on iPhone (still compact on desktop).
-  const iconBtn = 'w-8 h-8 flex items-center justify-center rounded-md border border-hairline bg-white text-slate-500 hover:text-slate-900 hover:bg-surface transition-colors';
+  const iconBtn = 'w-8 h-8 flex items-center justify-center rounded-md border border-hairline bg-canvas text-slate-500 hover:text-slate-900 hover:bg-surface transition-colors';

  return (
    <div className="flex flex-col gap-3">
@@ -161,7 +161,7 @@ export function FileBrowser({
            className={`px-2 h-7 rounded text-2xs font-medium border transition-colors ${
              section === s
                ? 'border-accent/60 bg-accent-soft text-accent font-semibold'
-                : 'border-hairline bg-white text-slate-600 hover:bg-surface'
+                : 'border-hairline bg-canvas text-slate-600 hover:bg-surface'
            }`}
          >
            {s}
@@ -193,7 +193,7 @@ export function FileBrowser({
      {pathSegments.length > 0 && (
        <button
          onClick={() => onNavigate(pathSegments.slice(0, -1).join('/'))}
-          className="self-start inline-flex items-center gap-1 px-2 h-7 rounded border border-hairline bg-white text-2xs text-slate-600 hover:bg-surface transition-colors"
+          className="self-start inline-flex items-center gap-1 px-2 h-7 rounded border border-hairline bg-canvas text-2xs text-slate-600 hover:bg-surface transition-colors"
        >
          <svg className="w-3 h-3" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
            <path d="M10 4l-4 4 4 4M6 8h6" />
@@ -206,7 +206,7 @@ export function FileBrowser({
        {sortedEntries.map(entry => (
          <div
            key={`${entry.kind}:${entry.path}`}
-            className="flex items-center gap-2 px-2.5 py-1.5 rounded-md bg-white border border-hairline hover:bg-surface transition-colors"
+            className="flex items-center gap-2 px-2.5 py-1.5 rounded-md bg-canvas border border-hairline hover:bg-surface transition-colors"
          >
            <span className="text-slate-400 flex-shrink-0" aria-hidden="true">
              {entry.kind === 'directory' ? (
@@ -75,7 +75,7 @@ function renderCsv(csv: string) {
          {rows.slice(0, 120).map((r, i) => (
            <tr key={i}>
              {r.slice(0, 20).map((c, j) => (
-                <td key={j} className={`border border-slate-200 px-2 py-1 ${i === 0 ? 'bg-slate-100 font-bold' : 'bg-white'}`}>
+                <td key={j} className={`border border-slate-200 px-2 py-1 ${i === 0 ? 'bg-slate-100 font-bold' : 'bg-canvas'}`}>
                  {c}
                </td>
              ))}
@@ -603,7 +603,7 @@ function renderJsonl(content: string): JSX.Element {
        </thead>
        <tbody>
          {records.map((record, i) => (
-            <tr key={i} className={i % 2 === 0 ? 'bg-white' : 'bg-slate-50'}>
+            <tr key={i} className={i % 2 === 0 ? 'bg-canvas' : 'bg-slate-50'}>
              {columns.map(col => (
                <td key={col} className="px-3 py-1.5 border-b border-slate-100 align-top">
                  {formatCell(col, record[col])}
@@ -678,7 +678,7 @@ export function FilePreview({ name, content, imageSrc, markdownImageBaseUrl, onC
          <div className="flex gap-2 justify-end">
            <button
              onClick={() => { setMode('view'); setError(''); }}
-              className="px-3 h-8 text-xs rounded-md border border-hairline bg-white text-slate-700 hover:bg-surface transition-colors"
+              className="px-3 h-8 text-xs rounded-md border border-hairline bg-canvas text-slate-700 hover:bg-surface transition-colors"
            >
              キャンセル
            </button>
@@ -736,13 +736,13 @@ export function FilePreview({ name, content, imageSrc, markdownImageBaseUrl, onC
  return (
    <div className="fixed inset-0 bg-black/40 flex items-center justify-center z-50 p-[env(safe-area-inset-top)_env(safe-area-inset-right)_env(safe-area-inset-bottom)_env(safe-area-inset-left)]" onClick={onClose}>
      <div
-        className="bg-white rounded-md border border-hairline shadow-md flex flex-col overflow-hidden"
+        className="bg-surface rounded-md border border-hairline shadow-md flex flex-col overflow-hidden"
        style={{ width: modalWidth, maxHeight: 'min(90vh, calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 24px))' }}
        onClick={e => e.stopPropagation()}
        role="dialog"
        aria-modal="true"
      >
-        <div className="flex justify-between items-center px-4 py-2.5 border-b border-hairline flex-shrink-0 sticky top-0 bg-white z-10 gap-2">
+        <div className="flex justify-between items-center px-4 py-2.5 border-b border-hairline flex-shrink-0 sticky top-0 bg-surface z-10 gap-2">
          <div className="font-mono text-xs text-slate-700 truncate" title={name}>{name}</div>
          <div className="flex items-center gap-1 flex-shrink-0">
            {isMarkdownFile && mode === 'view' && (
@@ -750,7 +750,7 @@ export function FilePreview({ name, content, imageSrc, markdownImageBaseUrl, onC
                onClick={handlePrint}
                disabled={printing}
                title="ブラウザの印刷ダイアログから PDF として保存または印刷"
-                className="inline-flex items-center gap-1 px-2.5 h-7 text-2xs font-medium rounded-md border border-hairline bg-white text-slate-700 hover:bg-surface disabled:opacity-50 transition-colors"
+                className="inline-flex items-center gap-1 px-2.5 h-7 text-2xs font-medium rounded-md border border-hairline bg-canvas text-slate-700 hover:bg-surface disabled:opacity-50 transition-colors"
              >
                <svg className="w-3 h-3" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                  <path d="M4 5V2h8v3M4 11H2.5A1.5 1.5 0 0 1 1 9.5v-3A1.5 1.5 0 0 1 2.5 5h11A1.5 1.5 0 0 1 15 6.5v3a1.5 1.5 0 0 1-1.5 1.5H12M4 9.5h8v4.5H4z" />
@@ -761,7 +761,7 @@ export function FilePreview({ name, content, imageSrc, markdownImageBaseUrl, onC
            {canEdit && mode === 'view' && (
              <button
                onClick={() => { setEditContent(currentContent); setMode('edit'); }}
-                className="inline-flex items-center gap-1 px-2.5 h-7 text-2xs font-medium rounded-md border border-hairline bg-white text-slate-700 hover:bg-surface transition-colors"
+                className="inline-flex items-center gap-1 px-2.5 h-7 text-2xs font-medium rounded-md border border-hairline bg-canvas text-slate-700 hover:bg-surface transition-colors"
              >
                <svg className="w-3 h-3" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round">
                  <path d="M11.5 2.5l2 2L5 13l-2.5.5L3 11l8.5-8.5z" />