sync: update from private repo (d8074a7)

ui/src/components/detail/DetailHeader.tsx

@@ -70,7 +70,7 @@ function ShareButton({ taskId, shareToken, onShareChange }: { taskId: number; sh
         disabled={shareMutation.isPending}
         title={shareMutation.isPending ? '共有中...' : '公開リンクを発行'}
         aria-label="公開リンクを発行"
-        className={`${iconBtnBase} border-hairline bg-white text-slate-600 hover:text-slate-900 hover:bg-surface`}
+        className={`${iconBtnBase} border-hairline bg-canvas text-slate-600 hover:text-slate-900 hover:bg-surface`}
       >
         {shareMutation.isPending ? (
           <svg className="w-3.5 h-3.5 animate-spin" viewBox="0 0 24 24" fill="none">
@@ -102,7 +102,7 @@ function ShareButton({ taskId, shareToken, onShareChange }: { taskId: number; sh
         onClick={handleCopy}
         title={copied ? 'コピーしました' : '共有リンクをコピー'}
         aria-label="共有リンクをコピー"
-        className={`${iconBtnBase} ${copied ? 'border-emerald-200 bg-emerald-50 text-emerald-700' : 'border-hairline bg-white text-slate-600 hover:text-slate-900 hover:bg-surface'}`}
+        className={`${iconBtnBase} ${copied ? 'border-emerald-200 bg-emerald-50 text-emerald-700' : 'border-hairline bg-canvas text-slate-600 hover:text-slate-900 hover:bg-surface'}`}
       >
         {copied ? (
           <svg className="w-3.5 h-3.5" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
@@ -120,7 +120,7 @@ function ShareButton({ taskId, shareToken, onShareChange }: { taskId: number; sh
         disabled={unshareMutation.isPending}
         title="共有を停止"
         aria-label="共有を停止"
-        className={`${iconBtnBase} border-hairline bg-white text-slate-500 hover:text-red-700 hover:border-red-200 hover:bg-red-50`}
+        className={`${iconBtnBase} border-hairline bg-canvas text-slate-500 hover:text-red-700 hover:border-red-200 hover:bg-red-50`}
       >
         {unshareMutation.isPending ? (
           <svg className="w-3.5 h-3.5 animate-spin" viewBox="0 0 24 24" fill="none">
@@ -150,7 +150,7 @@ function ContinueButton({ latestJobStatus, onClick }: { latestJobStatus: string
       disabled={!enabled}
       title={enabled ? '別 piece で続ける' : 'タスクが進行中のため続行できません'}
       aria-label="別 piece で続ける"
-      className={`${iconBtnBase} border-hairline bg-white text-slate-600 hover:text-slate-900 hover:bg-surface`}
+      className={`${iconBtnBase} border-hairline bg-canvas text-slate-600 hover:text-slate-900 hover:bg-surface`}
     >
       {/* arrow → divider: 「次のフェーズへ進む」cue。FileBrowser の refresh
           (循環矢印) と区別するためフラットな skip-forward 形状を採用 */}
@@ -168,7 +168,7 @@ export function DetailHeader({ title, subtitle, tabs, activeTab, tabTransitionPe
   // renders its own mobile-level top tab bar with the same controls.
   // Two close buttons / two tab bars on iPhone was visually redundant.
   return (
-    <div className="flex-shrink-0 border-b border-hairline bg-white px-4 pt-3 pb-3 sm:pb-0" id="detail-panel-title">
+    <div className="flex-shrink-0 border-b border-hairline bg-canvas px-4 pt-3 pb-3 sm:pb-0" id="detail-panel-title">
       <div className="flex items-start justify-between gap-2 mb-0 sm:mb-3">
         <div className="min-w-0 flex-1">
           <div className="text-[10px] font-mono uppercase tracking-wider text-slate-400">{subtitle}</div>