Fix inline markdown code text color

packages/ui/src/components/instance-tab.tsx

@@ -11,11 +11,20 @@ interface InstanceTabProps {
   onClose: () => void
 }
 
-function getPathBasename(path: string): string {
-  // Instance folders can be POSIX-like (/Users/...) on macOS/Linux or Windows-like (C:\Users\...).
-  // Normalize by trimming trailing separators and then splitting on both '/' and '\\'.
-  const normalized = path.replace(/[\\/]+$/, "")
-  return normalized.split(/[\\/]/).pop() || path
+function formatFolderName(path: string, instances: Instance[], currentInstance: Instance): string {
+  const name = path.split("/").pop() || path
+
+  const duplicates = instances.filter((i) => {
+    const iName = i.folder.split("/").pop() || i.folder
+    return iName === name
+  })
+
+  if (duplicates.length > 1) {
+    const index = duplicates.findIndex((i) => i.id === currentInstance.id)
+    return `~/${name} (${index + 1})`
+  }
+
+  return `~/${name}`
 }
 
 const InstanceTab: Component<InstanceTabProps> = (props) => {
@@ -49,7 +58,7 @@ const InstanceTab: Component<InstanceTabProps> = (props) => {
       >
         <FolderOpen class="w-4 h-4 flex-shrink-0" />
         <span class="tab-label">
-          {getPathBasename(props.instance.folder)}
+          {props.instance.folder.split("/").pop() || props.instance.folder}
         </span>
         <span
           class={`status-indicator session-status ml-auto ${statusClassName()}`}

packages/ui/src/styles/markdown.css

@@ -1,4 +1,4 @@
-@import "github-markdown-css/github-markdown-dark.css";
+@import "github-markdown-css/github-markdown-light.css" layer(github-markdown-base);
 
 @layer components {
   .markdown-body {
@@ -96,6 +96,7 @@
   .markdown-body code {
     font-family: var(--font-family-mono);
     font-size: var(--font-size-sm);
+    color: var(--text-primary);
     background-color: var(--surface-muted);
     border: 1px solid var(--border-base);
     border-radius: 4px;
@@ -108,17 +109,23 @@
     background: transparent;
   }
 
-  .markdown-body pre {
+  .markdown-body pre:not(.shiki) {
     font-family: var(--font-family-mono);
     font-size: var(--font-size-sm);
     line-height: var(--line-height-normal);
     background-color: var(--surface-code);
+    color: var(--text-primary);
     border: 1px solid var(--border-base);
     border-radius: 8px;
     padding: 0.75rem;
     margin: 1rem 0;
   }
 
+  .markdown-body pre:not(.shiki) code,
+  .markdown-code-block pre:not(.shiki) code {
+    color: var(--text-primary);
+  }
+
   .markdown-body blockquote {
     border-left: 3px solid var(--border-base);
     color: var(--text-secondary);
@@ -168,12 +175,18 @@
     border: 1px solid var(--border-base);
     padding: 0.5rem 0.75rem;
     text-align: left;
+    color: var(--text-primary);
+    background-color: transparent;
   }
 
   .markdown-body th {
     background-color: var(--surface-secondary);
   }
 
+  .markdown-body tbody tr:nth-child(2n) {
+    background-color: var(--surface-muted);
+  }
+
   .markdown-code-block {
     position: relative;
     margin: 10px 0;