sync: update from private repo (d8074a7)

ui/src/components/files/FilePreview.tsx

@@ -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" />