@@ -30,6 +30,8 @@ import {
   WebuiIconMore,
   WebuiIconProjectAdd,
   WebuiIconSessionPinMark,
+  WebuiIconSessionStar,
+  WebuiIconSessionStarMark,
   WebuiIconSessionDisclosure,
   WebuiIconAgent,
 } from "../icons.js";
@@ -228,13 +230,15 @@ export function WebuiProjectList({
   onCreateTaskInProject,
   error,
   pinnedSessions,
+  starredSessions,
   pinnedProjects,
   projectNames,
   onRenameProject,
   onToggleProjectPin,
   onArchiveProject,
   onRenameSession,
   onToggleSessionPin,
+  onToggleSessionStar,
   onArchiveSession,
   onForkSession,
   onCopySession,
@@ -256,13 +260,16 @@ export function WebuiProjectList({
   readonly onCreateTaskInProject?: (project: WebuiProjectGroup) => void;
   readonly error?: string;
   readonly pinnedSessions?: Readonly<Record<string, boolean>>;
+  /** Which rows the 收藏 view collects, and which carry the standing star. */
+  readonly starredSessions?: Readonly<Record<string, boolean>>;
   readonly pinnedProjects?: Readonly<Record<string, boolean>>;
   readonly projectNames?: Readonly<Record<string, string>>;
   readonly onRenameProject?: (project: WebuiProjectGroup) => void;
   readonly onToggleProjectPin?: (project: WebuiProjectGroup) => void;
   readonly onArchiveProject?: (project: WebuiProjectGroup) => void;
   readonly onRenameSession?: (session: WebuiClientSession) => void;
   readonly onToggleSessionPin?: (session: WebuiClientSession) => void;
+  readonly onToggleSessionStar?: (session: WebuiClientSession) => void;
   readonly onArchiveSession?: (session: WebuiClientSession) => void;
   readonly onForkSession?: (session: WebuiClientSession, createIsolatedWorktree: boolean) => void;
   readonly onCopySession?: (session: WebuiClientSession, value: "workspaceDir" | "sessionId") => void;
@@ -401,6 +408,14 @@ export function WebuiProjectList({
           disabled: !onToggleSessionPin,
           onSelect: () => onToggleSessionPin?.(session),
         },
+        {
+          kind: "item",
+          key: "star",
+          label: starredSessions?.[session.sessionId] ? "取消收藏" : "收藏",
+          icon: <WebuiIconSessionStar starred={Boolean(starredSessions?.[session.sessionId])} />,
+          disabled: !onToggleSessionStar,
+          onSelect: () => onToggleSessionStar?.(session),
+        },
         {
           kind: "item",
           key: "rename",
@@ -585,12 +600,12 @@ export function WebuiProjectList({
   const activeView = viewProp ?? internalView;
   const setActiveView = onViewChange ?? setInternalView;
   const railTabs = useMemo(
-    () => selectWebuiRailViewTabs(page.sessions, activity),
-    [activity, page.sessions],
+    () => selectWebuiRailViewTabs(page.sessions, activity, starredSessions),
+    [activity, page.sessions, starredSessions],
   );
   const viewSessions = useMemo(
-    () => filterWebuiRailViewSessions(page.sessions, activity, activeView),
-    [activeView, activity, page.sessions],
+    () => filterWebuiRailViewSessions(page.sessions, activity, activeView, starredSessions),
+    [activeView, activity, page.sessions, starredSessions],
   );
   const activeTab = railTabs.find((entry) => entry.view === activeView);
   const activeTabLabel = activeTab?.label ?? "项目";
@@ -637,6 +652,7 @@ export function WebuiProjectList({
           activity={activity}
           now={now}
           pinnedSessions={pinnedSessions}
+          starredSessions={starredSessions}
           heading={activeTabLabel}
           emptyLabel={activeTab?.emptyLabel}
           preserveOrder
@@ -807,6 +823,7 @@ export function WebuiProjectList({
                                 activity={activity}
                                 now={now}
                                 pinned={Boolean(pinnedSessions?.[session.sessionId])}
+                                starred={Boolean(starredSessions?.[session.sessionId])}
                               />
                             </a>
                             <div className="webui-session-row-actions">
@@ -829,6 +846,25 @@ export function WebuiProjectList({
                                   <WebuiIconContextPin pinned={Boolean(pinnedSessions?.[session.sessionId])} />
                                 </button>
                               ) : null}
+                              {onToggleSessionStar ? (
+                                <button
+                                  type="button"
+                                  aria-label={`${starredSessions?.[session.sessionId] ? "取消收藏" : "收藏"}：${sessionLabel(session)}`}
+                                  title={starredSessions?.[session.sessionId] ? "取消收藏" : "收藏"}
+                                  className="webui-rail-action"
+                                  onClick={(event) => {
+                                    event.preventDefault();
+                                    event.stopPropagation();
+                                    onToggleSessionStar(session);
+                                  }}
+                                >
+                                  {/* Outline until starred, yellow fill after. Unlike the
+                                   *  pin, this glyph shows the state rather than the
+                                   *  action: a filled star is not read as "remove"
+                                   *  anywhere in the world's icon vocabulary. */}
+                                  <WebuiIconSessionStar starred={Boolean(starredSessions?.[session.sessionId])} />
+                                </button>
+                              ) : null}
                               {onArchiveSession ? (
                                 <button
                                   type="button"
@@ -884,6 +920,7 @@ export function WebuiProjectList({
                                         activity={activity}
                                         now={now}
                                         pinned={Boolean(pinnedSessions?.[child.sessionId])}
+                                        starred={Boolean(starredSessions?.[child.sessionId])}
                                       />
                                     </a>
                                     <div className="webui-session-row-actions">
@@ -970,19 +1007,22 @@ function SessionActivityMeta({
   activity,
   now,
   pinned = false,
+  starred = false,
 }: {
   readonly session: WebuiClientSession;
   readonly activity?: WebuiSessionActivityMap;
   readonly now?: number;
   /** Draws the standing pin mark. Independent of the live state below it. */
   readonly pinned?: boolean;
+  /** Draws the standing star mark. Also independent of the live state. */
+  readonly starred?: boolean;
 }): ReactElement | null {
-  // `pinned` joins the guard rather than riding on it. A host that passes
-  // neither an activity map nor a clock is the rail rendered outside the app
-  // (SSR fixtures, and any host that does not subscribe) -- exactly the case
-  // where a pinned row has no running/unread signal to read its state against,
+  // `pinned` and `starred` join the guard rather than riding on it. A host that
+  // passes neither an activity map nor a clock is the rail rendered outside the
+  // app (SSR fixtures, and any host that does not subscribe) -- exactly the case
+  // where a marked row has no running/unread signal to read its state against,
   // so swallowing the mark there loses the only thing the row was saying.
-  if (!activity && now === undefined && !pinned) return null;
+  if (!activity && now === undefined && !pinned && !starred) return null;
   const entry = activity?.[session.sessionId];
   const busy = entry?.busy;
   const badge = formatWebuiUnreadBadge(entry?.unread);
@@ -999,6 +1039,17 @@ function SessionActivityMeta({
           <WebuiIconSessionPinMark />
         </span>
       ) : null}
+      {starred ? (
+        <span
+          className="webui-rail-star-mark"
+          data-webui-star-mark="true"
+          title="已收藏"
+          aria-label="已收藏"
+          role="img"
+        >
+          <WebuiIconSessionStarMark />
+        </span>
+      ) : null}
       {badge ? (
         <span
           className="webui-rail-unread-badge"
@@ -1033,6 +1084,7 @@ export function WebuiSessionList({
   activity,
   now,
   pinnedSessions,
+  starredSessions,
   heading,
   emptyLabel,
   preserveOrder,
@@ -1053,6 +1105,12 @@ export function WebuiSessionList({
    * sort position says nothing about which one the user chose to keep.
    */
   readonly pinnedSessions?: Readonly<Record<string, boolean>>;
+  /**
+   * Which rows carry the standing star mark. 收藏 is a flat list, so a starred
+   * row has no project furniture to be recognised by and the mark is the only
+   * thing distinguishing it from an ordinary one.
+   */
+  readonly starredSessions?: Readonly<Record<string, boolean>>;
   /**
    * Overrides the section label. The rail reuses this list for its running and
    * unread views, where "recent tasks" would be a lie -- the list is filtered,
@@ -1141,6 +1199,7 @@ export function WebuiSessionList({
                   activity={activity}
                   now={now}
                   pinned={Boolean(pinnedSessions?.[session.sessionId])}
+                  starred={Boolean(starredSessions?.[session.sessionId])}
                 />
               </a>
               {session.workspaceDir ? (
 
@@ -353,6 +353,9 @@ export function WebuiClientFoundationApp(
   const [pinnedSessions, setPinnedSessions] = useState<Record<string, boolean>>(
     readSessionOverlay("pins"),
   );
+  const [starredSessions, setStarredSessions] = useState<Record<string, boolean>>(
+    readSessionOverlay("stars"),
+  );
   const [pinnedProjects, setPinnedProjects] = useState<Record<string, boolean>>(
     readProjectPins,
   );
@@ -560,6 +563,9 @@ export function WebuiClientFoundationApp(
   const handleToggleSessionPin = (session: WebuiClientSession) => {
     setPinnedSessions(toggleSessionOverlay("pins", session.sessionId));
   };
+  const handleToggleSessionStar = (session: WebuiClientSession) => {
+    setStarredSessions(toggleSessionOverlay("stars", session.sessionId));
+  };
   const handleArchiveSession = (session: WebuiClientSession) => {
     if (!archiveSession) return;
     void archiveSession({ id: session.sessionId })
@@ -1185,13 +1191,15 @@ export function WebuiClientFoundationApp(
                         onCreateTaskInProject={(project) => startNewTask(project.workspaceDir)}
                         error={pageError}
                         pinnedSessions={pinnedSessions}
+                        starredSessions={starredSessions}
                         pinnedProjects={pinnedProjects}
                         projectNames={projectNames}
                         onRenameProject={handleRenameProject}
                         onToggleProjectPin={handleToggleProjectPin}
                         onArchiveProject={handleArchiveProject}
                         onRenameSession={handleRenameSession}
                         onToggleSessionPin={handleToggleSessionPin}
+                        onToggleSessionStar={handleToggleSessionStar}
                         onArchiveSession={handleArchiveSession}
                         onForkSession={handleForkSession}
                         onCopySession={handleCopySession}
 
@@ -247,6 +247,72 @@ export function WebuiIconProjectAdd({ className }: WebuiIconProps): ReactElement
   return <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" className={className}><path d="M8 3C8.27614 3 8.5 3.22386 8.5 3.5V7.5H12.5C12.7761 7.5 13 7.72386 13 8C13 8.27614 12.7761 8.5 12.5 8.5H8.5V12.5C8.5 12.7761 8.27614 13 8 13C7.72386 13 7.5 12.7761 7.5 12.5V8.5H3.5C3.22386 8.5 3 8.27614 3 8C3 7.72386 3.22386 7.5 3.5 7.5H7.5V3.5C7.5 3.22386 7.72386 3 8 3Z" fill="currentColor" /></svg>;
 }
 
+/**
+ * The five-pointed star, outline until starred and a solid fill after.
+ *
+ * The one glyph in this file that shows *state* rather than the action its
+ * button performs, and deliberately so. The pin's two states are a pin and a
+ * slashed pin because a slash means "remove" across this whole icon
+ * vocabulary; nobody reads a filled star as "un-star", and the outline/filled
+ * pair is what Gmail, Mail and Notion all use. Reusing the pin's convention
+ * here would have made the rail internally consistent and externally wrong.
+ *
+ * `currentColor` rather than a literal, because the filled star is yellow and
+ * that yellow is a token which flips with the theme (`--text_status_banana`).
+ * Ten vertices: five points alternating with five notches.
+ */
+export function WebuiIconSessionStar({
+  className,
+  starred = false,
+}: WebuiIconProps & { starred?: boolean }): ReactElement {
+  return starred ? (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      aria-hidden="true"
+      data-webui-star="filled"
+      className={className}
+    >
+      <path d="M8 1.6L9.7 6.05L14.47 6.3L10.76 9.3L12 13.9L8 11.3L4 13.9L5.24 9.3L1.53 6.3L6.3 6.05Z" fill="currentColor" />
+    </svg>
+  ) : (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      aria-hidden="true"
+      data-webui-star="outline"
+      className={className}
+    >
+      <path
+        d="M8 1.6L9.7 6.05L14.47 6.3L10.76 9.3L12 13.9L8 11.3L4 13.9L5.24 9.3L1.53 6.3L6.3 6.05Z"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="1.4"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+/**
+ * The persistent "this row is a favourite" mark.
+ *
+ * Same argument as the pin's mark, and the same place: the star button only
+ * exists while the row is hovered, so without this a starred session is
+ * invisible everywhere except the tab the reader has to go and open.
+ */
+export function WebuiIconSessionStarMark({ className }: WebuiIconProps): ReactElement {
+  return (
+    <svg width="14" height="14" viewBox="0 0 16 16" fill="none" aria-hidden="true" className={className}>
+      <path d="M8 1.6L9.7 6.05L14.47 6.3L10.76 9.3L12 13.9L8 11.3L4 13.9L5.24 9.3L1.53 6.3L6.3 6.05Z" fill="currentColor" />
+    </svg>
+  );
+}
+
 /**
  * The persistent "this row is pinned" mark.
  *