claude-code as channel model, container trust/permissions fixes, terminal cwd fix

- add claude-code as virtual model in channel messaging (telegram/discord/whatsapp)
- new send-claude-code.ts: docker exec claude -p with session resumption
- route claude-code model in sendAndAwait before Pi pipeline
- append claude-code to listPiModels output
- fix container .claude mount (rw for sub-mounts), hooks format (matcher-based)
- pre-seed hasTrustDialogAccepted and bypassPermissions in container settings
- git init in entrypoint to skip workspace trust prompt
- fix ~/~ double-tilde in CommandTerminalWrapper cwd resolution
- remove --continue from claude-code panel command

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/apps/officer-web/Screens/Dashboard/Email/EmailList.tsx

@@ -217,7 +217,9 @@ export const EmailList = () => {
         <div className="flex flex-1 items-center justify-center text-sm opacity-40">No emails in this folder</div>
       ) : (
       <div className="flex flex-1 flex-col divide-y divide-white/10 overflow-y-auto">
-        {messages.map((msg: EmailSummary) => (
+        {messages.map((msg: EmailSummary) => {
+          const unread = !msg.read;
+          return (
           <button
             key={msg.id}
             data-email-id={msg.id}
@@ -227,10 +229,10 @@ export const EmailList = () => {
             }`}
           >
             <div className="flex items-center justify-between gap-2">
-              <span className="truncate text-sm font-medium">{msg.from}</span>
+              <span className={`truncate text-sm ${unread ? 'font-semibold' : 'font-medium opacity-70'}`}>{msg.from}</span>
               <span className="shrink-0 text-xs opacity-50">{formatDate(msg.date)}</span>
             </div>
-            <span className="truncate text-sm">{msg.subject}</span>
+            <span className={`truncate text-sm ${unread ? 'font-medium' : 'opacity-70'}`}>{msg.subject}</span>
             <div className="flex items-center gap-1.5 text-xs">
               {!!msg.attachmentCount && (
                 <span className="flex shrink-0 items-center gap-0.5 text-muted-foreground">
@@ -241,7 +243,8 @@ export const EmailList = () => {
               <span className="truncate opacity-50">{msg.snippet}</span>
             </div>
           </button>
-        ))}
+          );
+        })}
       </div>
       )}
     </div>

src/apps/officer-web/Screens/Dashboard/Email/EmailReader.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { Mail } from 'lucide-react';
 import { FileViewerProvider, FileViewerHeader, FileViewerBody } from 'officerdev';
 import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
@@ -43,6 +43,7 @@ const HtmlBody = ({ html }: { html: string }) => {
 
 export const EmailReader = () => {
   const client = useClient();
+  const queryClient = useQueryClient();
   const [selectedId] = useGlobal<string | null>('EMAIL_SELECTED', null);
   const [openAttachment, setOpenAttachment] = useState<OpenAttachment | null>(null);
 
@@ -52,6 +53,14 @@ export const EmailReader = () => {
     enabled: !!selectedId,
   });
 
+  // Mark as read when message loads
+  useEffect(() => {
+    if (!message || message.read) return;
+    client.patch(`/email/messages/${message.id}/read`).then(() => {
+      queryClient.invalidateQueries({ queryKey: ['email-messages'] });
+    }).catch(() => {});
+  }, [message?.id]);
+
   const extractAttachment = async (index: number) => {
     if (!selectedId) return;
     const result = await client.post<OpenAttachment>(`/email/messages/${selectedId}/attachments/${index}/extract`);