Replace global with apps and dashboard app properties

src/client/components/AppDetail.tsx

@@ -45,8 +45,8 @@ const OpenEmojiPicker = define('OpenEmojiPicker', {
 })
 
 export function AppDetail({ app, render }: { app: App, render: () => void }) {
-  // Find global tools (shown as tabs on every app)
+  // Find tools that show on app pages (apps !== false)
-  const tools = apps.filter(a => a.tool && a.global)
+  const tools = apps.filter(a => a.tool && a.apps !== false)
   const selectedTab = getSelectedTab(app.name)
 
   return (

src/client/components/Nav.tsx

@@ -16,8 +16,8 @@ export function Nav({ app, render }: { app: App; render: () => void }) {
     navigate(tab === 'overview' ? `/app/${app.name}` : `/app/${app.name}/${tab}`)
   }
 
-  // Find global tools (shown as tabs on every app)
+  // Find tools that show on app pages (apps !== false)
-  const tools = apps.filter(a => a.tool && a.global)
+  const tools = apps.filter(a => a.tool && a.apps !== false)
   const titlecase = (s: string) => s.split(' ').map(part => part[0]?.toUpperCase() + part.slice(1))
 
   return (

src/client/index.tsx

@@ -10,7 +10,7 @@ const render = () => {
   renderApp(<Dashboard render={render} />, document.getElementById('app')!)
   // Update tool iframes after DOM settles
   requestAnimationFrame(() => {
-    const tools = apps.filter(a => a.tool && a.global)
+    const tools = apps.filter(a => a.tool && a.apps !== false)
     updateToolIframes(getSelectedTab(selectedApp), tools, selectedApp)
   })
 }

src/server/api/apps.ts

@@ -26,9 +26,9 @@ function convert(app: BackendApp): SharedApp {
 router.sse('/stream', (send) => {
   const broadcast = () => {
     const apps: SharedApp[] = allApps().map(({
-      name, state, icon, error, port, started, logs, tool, global: global_, tunnelEnabled, tunnelUrl
+      name, state, icon, error, port, started, logs, tool, apps: apps_, dashboard, tunnelEnabled, tunnelUrl
     }) => ({
-      name, state, icon, error, port, started, logs, tool, global: global_, tunnelEnabled, tunnelUrl,
+      name, state, icon, error, port, started, logs, tool, apps: apps_, dashboard, tunnelEnabled, tunnelUrl,
     }))
     send(apps)
   }

src/server/apps.ts

@@ -159,8 +159,9 @@ export function registerApp(dir: string) {
   const state: AppState = error ? 'invalid' : 'stopped'
   const icon = pkg.toes?.icon ?? DEFAULT_EMOJI
   const tool = pkg.toes?.tool
-  const global_ = pkg.toes?.global
+  const apps = pkg.toes?.apps
-  _apps.set(dir, { name: dir, state, icon, error, tool, global: global_ })
+  const dashboard = pkg.toes?.dashboard
+  _apps.set(dir, { name: dir, state, icon, error, tool, apps, dashboard })
   update()
   emit({ type: 'app:create', app: dir })
   if (!error) {
@@ -380,8 +381,9 @@ function discoverApps() {
     const state: AppState = error ? 'invalid' : 'stopped'
     const icon = pkg.toes?.icon ?? DEFAULT_EMOJI
     const tool = pkg.toes?.tool
-    const global_ = pkg.toes?.global
+    const apps = pkg.toes?.apps
-    _apps.set(dir, { name: dir, state, icon, error, tool, global: global_ })
+    const dashboard = pkg.toes?.dashboard
+    _apps.set(dir, { name: dir, state, icon, error, tool, apps, dashboard })
   }
   update()
 }

src/shared/types.ts

@@ -28,7 +28,8 @@ export type App = {
   started?: number
   logs?: LogLine[]
   tool?: boolean | string
-  global?: boolean
+  apps?: boolean
+  dashboard?: boolean
   tunnelEnabled?: boolean
   tunnelUrl?: string
 }