-
-
{r.name}
-
by {r.owner}
+
+ {ranked.map((r, i) => {
+ const theme = themeForIndex(i)
+ const installedFolder = installedByName.get(r.name)
+ return (
+
installedFolder ? onInstalled(installedFolder) : void startInstall(r.name)}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault()
+ if (installedFolder) onInstalled(installedFolder)
+ else void startInstall(r.name)
+ }
+ }}
+ className={`ma-card ma-pat-${patternFor(r.name)}`}
+ style={{ '--accent': theme.accent, '--glow': theme.glow } as React.CSSProperties}
+ >
+
+ {installedFolder && INSTALLED}
+
+
+
{r.name}
+
by {r.owner}
+
{r.description || 'No description.'}
+
+ {r.repo}
+ {installedFolder ? (
+
+ ) : (
+
+ )}
-
{r.description || 'No description.'}
-
- {installedByName.has(r.name) ? (
-
- ) : (
-
- )}
-
- ))}
+ )
+ })}
)}
diff --git a/apps/x/apps/renderer/src/components/sidebar-content.tsx b/apps/x/apps/renderer/src/components/sidebar-content.tsx
index c8697205..8dfd79de 100644
--- a/apps/x/apps/renderer/src/components/sidebar-content.tsx
+++ b/apps/x/apps/renderer/src/components/sidebar-content.tsx
@@ -3,6 +3,7 @@
import * as React from "react"
import { useCallback, useEffect, useRef, useState } from "react"
import {
+ AppWindow,
ArrowUpRight,
Bot,
ChevronRight,
@@ -16,6 +17,7 @@ import {
LayoutGrid,
Mic,
MoreVertical,
+ PanelLeftClose,
Pencil,
Pin,
SquarePen,
@@ -71,7 +73,14 @@ import {
DropdownMenuItem,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
+import {
+ ContextMenu,
+ ContextMenuContent,
+ ContextMenuItem,
+ ContextMenuTrigger,
+} from "@/components/ui/context-menu"
import { cn } from "@/lib/utils"
+import { getPinnedApps, onPinnedAppsChanged, unpinApp } from "@/lib/pinned-apps"
import { isOutOfCredits, CREDIT_EXHAUSTED_EVENT, CREDIT_REPLENISHED_EVENT } from "@/lib/credit-status"
import { SettingsDialog } from "@/components/settings-dialog"
import { MascotFaceIcon } from "@/components/talking-head"
@@ -180,6 +189,8 @@ type SidebarContentPanelProps = {
onOpenCode?: () => void
onOpenBgTasks?: () => void
onOpenApps?: () => void
+ /** Open a specific app (pinned in the sidebar) inside the Apps view. */
+ onOpenApp?: (folder: string) => void
onOpenAgent?: (slug: string) => void
recentRuns?: { id: string; title?: string; createdAt: string; modifiedAt?: string }[]
onOpenRun?: (runId: string) => void
@@ -436,6 +447,7 @@ export function SidebarContentPanel({
onOpenCode,
onOpenBgTasks,
onOpenApps,
+ onOpenApp,
recentRuns = [],
onOpenRun,
onRenameRun,
@@ -604,6 +616,27 @@ export function SidebarContentPanel({
return [...pinned, ...rest.slice(0, Math.max(0, 10 - pinned.length))]
}, [recentRuns, pinnedChatIds])
+ // Apps pinned to the sidebar (right-click an app card in the Apps view).
+ // Names resolve via apps:list; until then rows show the folder slug, and
+ // pins whose app no longer exists are hidden (but kept in storage).
+ const [pinnedAppFolders, setPinnedAppFolders] = useState
(() => getPinnedApps())
+ const [pinnedAppNames, setPinnedAppNames] = useState | null>(null)
+ useEffect(() => onPinnedAppsChanged(setPinnedAppFolders), [])
+ useEffect(() => {
+ if (pinnedAppFolders.length === 0) return
+ let cancelled = false
+ void window.ipc.invoke('apps:list', {})
+ .then((r) => {
+ if (cancelled) return
+ setPinnedAppNames(new Map(r.apps.map((a) => [a.folder, a.manifest?.name ?? a.folder])))
+ })
+ .catch(() => { /* fall back to folder names */ })
+ return () => { cancelled = true }
+ }, [pinnedAppFolders])
+ const pinnedApps = pinnedAppFolders
+ .filter((f) => pinnedAppNames === null || pinnedAppNames.has(f))
+ .map((f) => ({ folder: f, name: pinnedAppNames?.get(f) ?? f }))
+
// Chat pending delete confirmation, if any.
const [deleteChatTarget, setDeleteChatTarget] = useState<{ id: string; title: string } | null>(null)
@@ -966,6 +999,24 @@ export function SidebarContentPanel({
Apps
+ {pinnedApps.map(({ folder, name }) => (
+
+
+
+ onOpenApp?.(folder)} className="pl-7">
+
+ {name}
+
+
+
+ unpinApp(folder)}>
+
+ Remove from sidebar
+
+
+
+
+ ))}
typeof x === 'string') : []
+ } catch {
+ return []
+ }
+}
+
+function save(folders: string[]): void {
+ try {
+ window.localStorage.setItem(STORAGE_KEY, JSON.stringify(folders))
+ } catch { /* keep in-memory behavior */ }
+ window.dispatchEvent(new Event(PINNED_APPS_CHANGED_EVENT))
+}
+
+export function pinApp(folder: string): void {
+ const current = getPinnedApps()
+ if (!current.includes(folder)) save([...current, folder])
+}
+
+export function unpinApp(folder: string): void {
+ const current = getPinnedApps()
+ if (current.includes(folder)) save(current.filter((f) => f !== folder))
+}
+
+export function onPinnedAppsChanged(cb: (folders: string[]) => void): () => void {
+ const handler = () => cb(getPinnedApps())
+ window.addEventListener(PINNED_APPS_CHANGED_EVENT, handler)
+ return () => window.removeEventListener(PINNED_APPS_CHANGED_EVENT, handler)
+}
diff --git a/apps/x/packages/core/src/apps/stars.ts b/apps/x/packages/core/src/apps/stars.ts
index bf48c073..a5daf334 100644
--- a/apps/x/packages/core/src/apps/stars.ts
+++ b/apps/x/packages/core/src/apps/stars.ts
@@ -11,6 +11,28 @@ const countCache = new Map();
const REPO_RE = /^[A-Za-z0-9_.-]+\/[A-Za-z0-9_.-]+$/;
+// Once GitHub says the hourly budget is spent (403/429 with
+// x-ratelimit-remaining: 0), every further request until the reset is a
+// guaranteed 403 — and the catalog re-requests counts on load and on every
+// search keystroke. Gate all fetches until the advertised reset instead of
+// burning requests on failures.
+let rateLimitedUntilMs = 0;
+
+const isRateLimited = () => Date.now() < rateLimitedUntilMs;
+
+function noteRateLimit(res: Response): void {
+ if (res.status !== 403 && res.status !== 429) return;
+ const remaining = res.headers.get('x-ratelimit-remaining');
+ const resetSec = Number(res.headers.get('x-ratelimit-reset'));
+ if (remaining === '0' && Number.isFinite(resetSec) && resetSec > 0) {
+ rateLimitedUntilMs = Math.max(rateLimitedUntilMs, resetSec * 1000);
+ } else {
+ // Secondary rate limit / abuse detection — headers don't say when it
+ // ends, so back off a few minutes.
+ rateLimitedUntilMs = Math.max(rateLimitedUntilMs, Date.now() + 5 * 60 * 1000);
+ }
+}
+
async function ghHeaders(): Promise> {
const headers: Record = {
'Accept': 'application/vnd.github+json',
@@ -25,16 +47,19 @@ async function ghHeaders(): Promise> {
export async function repoStars(repos: string[]): Promise> {
const headers = await ghHeaders();
const now = Date.now();
+ const limited = isRateLimited();
const out: Record = {};
await Promise.all([...new Set(repos)].filter((r) => REPO_RE.test(r)).map(async (repo) => {
const cached = countCache.get(repo);
- if (cached && now - cached.at < COUNT_TTL_MS) {
+ // While rate-limited, a stale count beats a guaranteed 403.
+ if (cached && (limited || now - cached.at < COUNT_TTL_MS)) {
out[repo] = cached.stars;
return;
}
+ if (limited) return;
try {
const res = await fetch(`https://api.github.com/repos/${repo}`, { headers });
- if (!res.ok) return; // deleted repo / rate limited — no count is fine
+ if (!res.ok) { noteRateLimit(res); return; } // deleted repo / rate limited — no count is fine
const body = await res.json() as { stargazers_count?: number };
if (typeof body.stargazers_count === 'number') {
countCache.set(repo, { stars: body.stargazers_count, at: now });
@@ -48,7 +73,7 @@ export async function repoStars(repos: string[]): Promise
/** Which of these repos the signed-in user has starred. Empty when signed out. */
export async function starredStatus(repos: string[]): Promise> {
const auth = await getGithubToken();
- if (!auth) return {};
+ if (!auth || isRateLimited()) return {};
const headers = await ghHeaders();
const out: Record = {};
await Promise.all([...new Set(repos)].filter((r) => REPO_RE.test(r)).map(async (repo) => {
@@ -56,6 +81,7 @@ export async function starredStatus(repos: string[]): Promise '')}`.trim());
}
// Nudge the cached count so the UI reflects the action before the TTL expires.