Function App

packages/desktop-app/src/renderer/App.tsx:48–456

()

}

export default function App() {
  const [apps, setApps] = useState<AppConfig[]>([]);
  const [loading, setLoading] = useState(true);
  const [showSettings, setShowSettings] = useState(false);

  // Load apps from persistent store
  useEffect(() => {
    async function load() {
      if (window.electronAPI?.appConfig) {
        const loaded = await window.electronAPI.appConfig.load();
        setApps(loaded);
      } else {
        // Fallback for dev without electron — use full config with production URLs
        setApps(DEFAULT_APPS);
      }
      setLoading(false);
    }
    load();
  }, []);

  const enabledApps = apps.filter((a) => a.enabled);
  const rawAppDefs = enabledApps.map(toAppDefinition);
  // Keep this in sync with Sidebar's pinned-bottom order.
  const PINNED_BOTTOM_ORDER = ["dispatch", "starter"];
  const pinnedBottomDefs = PINNED_BOTTOM_ORDER.map((id) =>
    rawAppDefs.find((a) => a.id === id),
  ).filter((a): a is NonNullable<typeof a> => !!a);
  const mainDefs = rawAppDefs.filter(
    (a) => !PINNED_BOTTOM_ORDER.includes(a.id),
  );
  const appDefs = [...mainDefs, ...pinnedBottomDefs];

  const defaultApp = appDefs.find((a) => !a.placeholder) ?? appDefs[0];

  const [activeSidebarAppId, setActiveSidebarAppId] = useState("");
  const [appTabs, setAppTabs] = useState<Record<string, AppTabState>>({});

  // Initialize tabs when apps load
  useEffect(() => {
    if (enabledApps.length === 0) return;
    setAppTabs((prev) => {
      // Only init tabs for apps that don't have tabs yet
      const next = { ...prev };
      for (const app of enabledApps) {
        if (!next[app.id]) {
          const tab = createTab(app);
          next[app.id] = { tabs: [tab], activeTabId: tab.id };
        }
      }
      return next;
    });
    setActiveSidebarAppId((prev) => {
      if (prev && enabledApps.find((a) => a.id === prev)) return prev;
      const def =
        enabledApps.find((a) => !("placeholder" in a)) ?? enabledApps[0];
      return def?.id ?? "";
    });
  }, [enabledApps.map((a) => a.id).join(",")]);