Add project name

packages/app/src/pages/session/timeline/controller.tsx

@@ -21,6 +21,7 @@ import { downloadSessionExport, fetchSessionExport, sessionExportFilename } from
 import { showToast } from "@/utils/toast"
 import { timelineChildTitle, timelineRemovedSessionIDs } from "./controller-projection"
 import { createTimelineProjection } from "./projection"
+import { displayName } from "@/pages/layout/helpers"
 
 const emptyMessages: Message[] = []
 const emptyParts: Part[] = []
@@ -65,6 +66,10 @@ export function createTimelineController(input: {
   })
   const titleValue = createMemo(() => input.session.data.info()?.title)
   const titleLabel = createMemo(() => sessionTitle(titleValue()))
+  const projectName = createMemo(() => {
+    const project = sync().project
+    if (project) return displayName(project)
+  })
   const shareUrl = (): string | undefined => undefined
   const shareEnabled = () => false
   const parentMessages = createMemo(() => {
@@ -265,6 +270,7 @@ export function createTimelineController(input: {
       status: input.session.data.status,
       titleValue,
       titleLabel,
+      projectName,
       shareUrl,
       shareEnabled,
       parentID: input.session.data.parentID,

packages/app/src/pages/session/timeline/message-timeline.tsx

@@ -252,6 +252,7 @@ function MessageTimelineView(
   const sessionID = props.data.sessionID
   const sessionStatus = props.data.status
   const titleLabel = props.data.titleLabel
+  const projectName = props.data.projectName
   const shareUrl = props.data.shareUrl
   const shareEnabled = props.data.shareEnabled
   const parentID = props.data.parentID
@@ -1119,6 +1120,21 @@ function MessageTimelineView(
                 }}
               >
                 <div class="flex items-center min-w-0 flex-1 w-full">
+                  <Show when={projectName()} keyed>
+                    {(name) => (
+                      <>
+                        <span class="hidden min-w-0 max-w-[40%] truncate pl-2 text-[13px] font-[440] leading-4 tracking-[-0.04px] text-v2-text-text-muted md:block">
+                          {name}
+                        </span>
+                        <span
+                          class="hidden shrink-0 -translate-y-[0.5px] pl-2 pr-0.5 text-[11px] font-[530] text-v2-text-text-faint md:block"
+                          aria-hidden="true"
+                        >
+                          /
+                        </span>
+                      </>
+                    )}
+                  </Show>
                   <Show when={parentID()}>
                     <button
                       type="button"

packages/stats/app/src/routes/index.css

@@ -7771,12 +7771,6 @@ body {
   }
 }
 
-@media (min-width: 48rem) and (max-width: 58rem) {
-  [data-page="stats"] [data-slot="top-models-bar"][data-active="true"] {
-    z-index: 2;
-  }
-}
-
 @media (max-width: 47.999rem) {
   [data-page="stats"] [data-section="top-models"],
   [data-page="stats"] [data-section="leaderboard"],

packages/www/content/docs/index.mdx

@@ -15,29 +15,20 @@ description: "Get started with OpenCode."
 
 ## Install
 
-<CodeGroup>
+### Install script
 
-```bash npm
-npm install -g @opencode-ai/cli@next
-```
-
-```bash bun
-bun install -g --trust @opencode-ai/cli@next
-```
-
-```bash pnpm
-pnpm add -g --allow-build=@opencode-ai/cli @opencode-ai/cli@next
-```
-
-```bash yarn
-yarn global add @opencode-ai/cli@next
-```
-
-```bash curl
+```bash
 curl -fsSL https://raw.githubusercontent.com/anomalyco/opencode/v2/install | bash
 ```
 
-</CodeGroup>
+You can also install it with the following package managers.
+
+<Tabs>
+  <Tab title="npm">```bash npm install -g @opencode-ai/cli@next ```</Tab>
+  <Tab title="bun">```bash bun install -g --trust @opencode-ai/cli@next ```</Tab>
+  <Tab title="pnpm">```bash pnpm add -g --allow-build=@opencode-ai/cli @opencode-ai/cli@next ```</Tab>
+  <Tab title="Yarn">```bash yarn global add @opencode-ai/cli@next ```</Tab>
+</Tabs>
 
 The package uses a trusted postinstall script to select the native `opencode2` binary for your platform. The Bun and pnpm
 commands above explicitly allow that script to run.