gloomberb 0.13.2 → 0.14.0

package/src/plugins/builtin/cloud/askg/pending-question.ts

@@ -0,0 +1,38 @@
+/**
+ * Hand-off for a question typed at the command bar. The ASKG shortcut can both
+ * open the pane and reuse the one already open, so the question travels here
+ * rather than through pane params: a param would be persisted with the layout
+ * and replayed on the next launch, and a conversation is not layout.
+ */
+type PendingQuestionListener = (question: string) => void;
+
+const listeners = new Set<PendingQuestionListener>();
+/** Held only until the pane the shortcut just opened finishes mounting. */
+let pendingQuestion: string | null = null;
+
+export function askGloomQuestion(question: string): void {
+  const trimmed = question.trim();
+  if (!trimmed) return;
+  if (listeners.size === 0) {
+    pendingQuestion = trimmed;
+    return;
+  }
+  for (const listener of listeners) listener(trimmed);
+}
+
+export function subscribeASKGQuestions(listener: PendingQuestionListener): () => void {
+  listeners.add(listener);
+  const queued = pendingQuestion;
+  if (queued !== null) {
+    pendingQuestion = null;
+    listener(queued);
+  }
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+/** Test helper: drops a question no pane ever claimed. */
+export function clearPendingASKGQuestion(): void {
+  pendingQuestion = null;
+}

package/src/plugins/builtin/cloud/askg/protocol.ts

@@ -149,6 +149,16 @@ export interface ASKGSessionStartResponse {
   expiresAt: string;
 }
 
+/** Request body for one turn on an open session. */
+export interface ASKGTurnRequest {
+  protocolVersion?: typeof ASKG_PROTOCOL_VERSION;
+  /** Client generated id, reused verbatim to re-attach to a running turn. */
+  turnId: string;
+  input: string;
+  context?: ASKGSessionContext;
+  history?: Array<{ role: "user" | "assistant"; text: string }>;
+}
+
 /** Shared fields carried by every turn stream event. */
 export interface ASKGEventBase {
   seq: number;
@@ -228,6 +238,7 @@ export type ASKGErrorCode =
   | "turn_timeout"
   | "model_usage_limit"
   | "model_unavailable"
+  | "turn_already_recorded"
   | "internal";
 
 /** Reports a recoverable or terminal session or turn failure. */

package/src/plugins/builtin/cloud/auth-actions.tsx

@@ -1,19 +1,25 @@
-import { useState } from "react";
+/**
+ * The account gates panes share.
+ *
+ * `SignInWall` is the one wall a pane shows when it cannot load anything until
+ * the account is right: same headline grammar, same explanation slot, same two
+ * actions, wherever it appears. A pane only supplies the phrase that finishes
+ * "Sign in to ...", so the copy stays in one voice instead of drifting per pane.
+ * `InlineAuthActions` is the other shape: a row of actions sitting inside a
+ * surface that still works signed out, such as the chat composer.
+ */
 import { Box, Text } from "../../../ui";
-import { Button } from "../../../components";
+import { Button, EmptyState } from "../../../components";
 import { usePluginAppActions } from "../../runtime";
-import { colors, hoverBg } from "../../../theme/colors";
-import { t } from "../../../i18n";
+import { colors } from "../../../theme/colors";
+import { t, tf } from "../../../i18n";
 import { requestAuthDialog } from "./auth-dialog";
 import type { AccountMode } from "./auth-model";
 
 function openAuth(
   openCommandBar: (query?: string) => void,
   mode: AccountMode,
-  event?: { preventDefault?: () => void; stopPropagation?: () => void },
 ) {
-  event?.preventDefault?.();
-  event?.stopPropagation?.();
   if (!requestAuthDialog({ mode })) {
     openCommandBar(mode === "login" ? "Log In" : "Sign Up");
   }
@@ -21,60 +27,52 @@ function openAuth(
 
 export function InlineAuthActions({ showSignup = true }: { showSignup?: boolean }) {
   const { openCommandBar } = usePluginAppActions();
-  const [hoveredAction, setHoveredAction] = useState<"login" | "signup" | null>(null);
-
   return (
     <Box flexDirection="row">
-      <Box
-        backgroundColor={hoveredAction === "login" ? hoverBg() : undefined}
-        onMouseOver={() => setHoveredAction((current) => (current === "login" ? current : "login"))}
-        onMouseOut={() => setHoveredAction((current) => (current === "login" ? null : current))}
-        onMouseDown={(event: any) => openAuth(openCommandBar, "login", event)}
-      >
-        <Text fg={hoveredAction === "login" ? colors.text : colors.textDim}>{` ${t("Log In")} `}</Text>
-      </Box>
-      {showSignup && (
-        <>
-          <Text fg={colors.textDim}>/</Text>
-          <Box
-            backgroundColor={hoveredAction === "signup" ? hoverBg() : undefined}
-            onMouseOver={() => setHoveredAction((current) => (current === "signup" ? current : "signup"))}
-            onMouseOut={() => setHoveredAction((current) => (current === "signup" ? null : current))}
-            onMouseDown={(event: any) => openAuth(openCommandBar, "signup", event)}
-          >
-            <Text fg={hoveredAction === "signup" ? colors.text : colors.textDim}>{` ${t("Sign Up")} `}</Text>
-          </Box>
-        </>
-      )}
+      <Button label={t("Log In")} variant="plain" compact stopPropagation onPress={() => openAuth(openCommandBar, "login")} />
+      {showSignup && <>
+        <Text fg={colors.textDim}> / </Text>
+        <Button label={t("Sign Up")} variant="plain" compact stopPropagation onPress={() => openAuth(openCommandBar, "signup")} />
+      </>}
     </Box>
   );
 }
 
-export function CloudAuthNotice({
-  message,
-  showSignup = true,
-  needsVerification = false,
-}: {
-  message: string;
-  showSignup?: boolean;
-  /** Forces the verification branch and uses `message` as its headline. */
+export interface SignInWallProps {
+  /**
+   * Finishes the headline: "Sign in to {action}." / "Verify your email to
+   * {action}.". A lowercase verb phrase, no trailing period.
+   */
+  action: string;
+  /** The session exists but the address is unconfirmed, so signing in again solves nothing. */
   needsVerification?: boolean;
-}) {
-  const { openCommandBar } = usePluginAppActions();
+  /** One line for anything the pane still has to explain; most panes need none. */
+  hint?: string;
+}
 
-  if (needsVerification || /verification/i.test(message)) {
-    return (
-      <Box flexDirection="column" padding={1} gap={1}>
-        <Text fg={colors.positive}>{needsVerification ? message : t("Verify your email to use Cloud tweets.")}</Text>
-        <Button label={t("Resend Verification Email")} variant="secondary" onPress={() => openCommandBar("Resend Verification Email")} />
-      </Box>
-    );
-  }
+/** The account wall for a pane body that cannot render until the account is right. */
+export function SignInWall({ action, needsVerification = false, hint }: SignInWallProps) {
+  const { openCommandBar } = usePluginAppActions();
 
   return (
-    <Box flexDirection="column" padding={1} gap={1}>
-      <Text fg={colors.textDim}>{message}</Text>
-      <InlineAuthActions showSignup={showSignup} />
+    <Box flexDirection="column" paddingX={1} paddingY={1} data-gloom-ui="sign-in-wall">
+      <EmptyState
+        title={needsVerification
+          ? tf("Verify your email to {action}.", { action: t(action) })
+          : tf("Sign in to {action}.", { action: t(action) })}
+        hint={hint}
+        actions={needsVerification ? (
+          <Button
+            label={t("Resend Verification Email")}
+            onPress={() => openCommandBar("Resend Verification Email")}
+          />
+        ) : (
+          <>
+            <Button label={t("Log in")} variant="primary" onPress={() => openAuth(openCommandBar, "login")} />
+            <Button label={t("Sign up free")} variant="secondary" onPress={() => openAuth(openCommandBar, "signup")} />
+          </>
+        )}
+      />
     </Box>
   );
 }

package/src/plugins/builtin/cloud/auth-form.tsx

@@ -206,9 +206,7 @@ export function AuthForm({
           >
             {t("Password")}
           </Text>
-          <Box onMouseDown={() => setShowPassword((current) => !current)}>
-            <Text fg={colors.textMuted}>{showPassword ? t("hide") : t("show")}</Text>
-          </Box>
+          <Button stopPropagation label={showPassword ? t("Hide password") : t("Show password")} displayLabel={showPassword ? t("hide") : t("show")} variant="plain" compact onPress={() => setShowPassword((current) => !current)} />
         </Box>
         <TextField
           value={password}
@@ -241,13 +239,13 @@ export function AuthForm({
         ) : null}
       </Box>
       <Box flexDirection="row" justifyContent="space-between" width={AUTH_FIELD_WIDTH}>
-        <Button
+        <Button stopPropagation
           label={switchToLogin || mode === "signup" ? t("Log in instead") : t("Sign up instead")}
           variant="ghost"
           disabled={submitting}
           onPress={() => switchMode(mode === "login" ? "signup" : "login")}
         />
-        <Button
+        <Button stopPropagation
           label={mode === "login" ? t("Log In") : t("Create Account")}
           variant="primary"
           disabled={submitting}
@@ -256,9 +254,9 @@ export function AuthForm({
       </Box>
       {mode === "login" && (
         <Box flexDirection="row" width={AUTH_FIELD_WIDTH}>
-          <Button
+          <Button stopPropagation
             label={t("Forgot password?")}
-            variant="ghost"
+            variant="plain"
             disabled={submitting || resetState === "sending"}
             onPress={requestReset}
           />

package/src/plugins/builtin/cloud/auth-model.ts

@@ -5,18 +5,19 @@
  * without rendering.
  */
 import { apiClient, type AuthUser } from "../../../api-client";
+import { identifyResearchUser } from "../../../api-client/research-activity";
 import { t } from "../../../i18n";
 import { chatController } from "../chat/controller";
 
-export type AccountSub = "choose" | "signup" | "login" | "qr" | "signed-in";
+/**
+ * `signup` is the one email form that serves new and returning accounts (a
+ * duplicate email falls through to login); `login` is that same form after the
+ * fall-through failed on the password.
+ */
+export type AccountSub = "signup" | "login" | "qr" | "signed-in";
 
 export type AccountMode = "signup" | "login";
 
-export type AccountChoiceId = AccountMode | "qr" | "skip";
-
-/** Order matches the chooser list, so the selected index maps straight onto an id. */
-export const ACCOUNT_CHOICE_IDS: AccountChoiceId[] = ["qr", "signup", "login", "skip"];
-
 export interface AccountOutcome {
   mode: AccountMode;
   email: string;
@@ -130,6 +131,7 @@ export async function performEmailAuth(mode: AccountMode, email: string, passwor
   if (sessionToken) {
     chatController.adoptSession(sessionToken, user);
   }
+  identifyResearchUser();
   await chatController.refreshSession().catch(() => {});
   return user;
 }

package/src/plugins/builtin/cloud/plugin.tsx

@@ -20,10 +20,16 @@ import {
 import { congressHeadless } from "../congress-trades/headless";
 import { registerTwitterFeedFeature } from "../cloud-tweets/registration";
 import { composeBuiltinPlugin, type PluginModule } from "../plugin-module";
+import { ASKG_PANE_ID, ASKGPane } from "./askg/pane";
+import { askGloomQuestion } from "./askg/pending-question";
 import { registerCloudAuthCommands } from "./auth-commands";
 import { registerCloudUpgradeCommand } from "./upgrade-command";
 import { CloudUpgradeStatusWidget } from "./upgrade-status-widget";
+import { CloudVerificationStatusWidget } from "./verification-status-widget";
 import { createPublicPaneShare } from "../shared/public-pane";
+import { teamChannelId } from "./team/model";
+import { teamModule, teamStore } from "./team/module";
+import { thesisModule } from "./thesis/module";
 
 interface GloomberbCloudPluginComponents {
   ChatPane: (props: PaneProps) => ReactNode;
@@ -73,8 +79,16 @@ function createChatModule(
       keywords: ["new", "chat", "pane", "message"],
       shortcut: { prefix: "CHAT", argPlaceholder: "channel", argKind: "text" },
       createInstance: async (context, options) => {
-        const channelId = options?.arg
-          ? await chatController.resolveRequiredChannelId(normalizeShortcutChannelId(options.arg))
+        // `CHAT MD` or `CHAT "Macro Desk"` opens that team's #general. A raw
+        // channel id (team ids are mixed case) is kept as typed.
+        const rawArg = options?.arg?.trim() ?? "";
+        const team = rawArg ? teamStore.findTeam(rawArg) : null;
+        const channelId = team
+          ? teamChannelId(team.id)
+          : rawArg && chatController.getChannels().some((entry) => entry.id === rawArg)
+          ? rawArg
+          : rawArg
+          ? await chatController.resolveRequiredChannelId(normalizeShortcutChannelId(rawArg))
           : await chatController.resolvePreferredChannelId(
             getPreferredChatOpenChannelId(context.config, chatController.getSnapshot()),
           );
@@ -156,7 +170,12 @@ const accountModule: PluginModule = {
     createInstance: () => ({ placement: "floating" }),
   }],
   slots: {
-    "status:widget": () => <CloudUpgradeStatusWidget />,
+    "status:widget": () => (
+      <>
+        <CloudVerificationStatusWidget />
+        <CloudUpgradeStatusWidget />
+      </>
+    ),
   },
   setup: (ctx) => {
     registerCloudAuthCommands(ctx);
@@ -164,6 +183,38 @@ const accountModule: PluginModule = {
   },
 };
 
+const askgModule: PluginModule = {
+  panes: [{
+    id: ASKG_PANE_ID,
+    name: "Ask Gloom",
+    icon: "K",
+    component: ASKGPane,
+    defaultPosition: "right",
+    defaultMode: "floating",
+    defaultFloatingSize: { width: 96, height: 32 },
+    portableShare: {
+      // A conversation and the panes it read are personal to the account.
+      private: { title: true, params: true, settings: true, state: true },
+    },
+  }],
+  paneTemplates: [{
+    id: "askg-pane",
+    paneId: ASKG_PANE_ID,
+    label: "Ask Gloom",
+    description: "Ask a question about your panes and watch the tools Gloom runs",
+    keywords: ["ask", "gloom", "assistant", "ai", "question", "askg"],
+    shortcut: { prefix: "ASKG", argPlaceholder: "question", argKind: "text" },
+    createInstance: (_context, options) => {
+      // The question is handed to the pane directly, so it is never persisted
+      // with the layout and never replayed on the next launch.
+      askGloomQuestion(options?.arg ?? "");
+      // One assistant: a second question focuses the conversation already open
+      // and asks there instead of stacking another pane.
+      return { placement: "floating", instanceId: "askg:main" };
+    },
+  }],
+};
+
 const congressTradesModule: PluginModule = {
   panes: [{
     id: CONGRESS_TRADES_PANE_ID,
@@ -207,7 +258,10 @@ export function createGloomberbCloudPlugin({
     modules: [
       createCloudDataModule(),
       createChatModule(ChatPane, ChatStatusWidget),
+      teamModule,
+      thesisModule,
       accountModule,
+      askgModule,
       ...extraModules,
       congressTradesModule,
       twitterModule,

package/src/plugins/builtin/cloud/team/acm-tab.tsx

@@ -0,0 +1,127 @@
+import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
+import { ListView, type ListViewItem } from "../../../../components/ui/list-view";
+import { useShortcut } from "../../../../react/input";
+import { colors } from "../../../../theme/colors";
+import { Box, Text } from "../../../../ui";
+import { isPlainKey } from "../../../../utils/keyboard";
+import { usePluginAppActions } from "../../../runtime";
+import { describeTeam, teamAccentHex, teamLabel, userHandle } from "./model";
+import { openTeamPane } from "./pane-request";
+import { teamStore } from "./store";
+
+const NEW_TEAM_ID = "__new__";
+
+/**
+ * The Teams tab of the account pane: one list of teams and pending
+ * invitations. Enter opens the team pane, where everything happens.
+ */
+export function TeamsAccountTab({ focused, width }: { focused: boolean; width: number }) {
+  const { createPaneFromTemplate } = usePluginAppActions();
+  const snapshot = useSyncExternalStore(
+    (onChange) => teamStore.subscribe(onChange),
+    () => teamStore.getSnapshot(),
+  );
+  const [selectedIndex, setSelectedIndex] = useState(0);
+
+  useEffect(() => {
+    void teamStore.refresh();
+  }, []);
+
+  const items = useMemo<ListViewItem[]>(() => [
+    ...snapshot.invitations.map((invitation) => ({
+      id: `invitation:${invitation.id}`,
+      label: `Invitation to ${invitation.team.name}`,
+      description: `From ${userHandle(invitation.inviter)}. Enter to accept or decline.`,
+      right: "NEW",
+      category: "Invitations",
+    })),
+    ...snapshot.teams.map((team) => ({
+      id: `team:${team.id}`,
+      label: teamLabel(team),
+      description: `${describeTeam(team)} · enter to open`,
+      right: team.shortName,
+      current: teamStore.getDefaultTeamId() === team.id,
+    })),
+    {
+      id: NEW_TEAM_ID,
+      label: "New team",
+      description: "Name, short name, accent color. Needs Pro; joining is free.",
+      right: "+",
+    },
+  ], [snapshot.invitations, snapshot.teams]);
+
+  const activate = (item: ListViewItem) => {
+    if (item.id === NEW_TEAM_ID) {
+      openTeamPane(createPaneFromTemplate, { mode: "create" });
+      return;
+    }
+    if (item.id.startsWith("invitation:")) {
+      openTeamPane(createPaneFromTemplate, {});
+      return;
+    }
+    const team = snapshot.teams.find((entry) => `team:${entry.id}` === item.id);
+    if (team) openTeamPane(createPaneFromTemplate, { teamId: team.id });
+  };
+
+  useShortcut((event) => {
+    if (!focused || event.targetEditable) return;
+    if (isPlainKey(event, "down", "j")) {
+      event.preventDefault?.();
+      event.stopPropagation?.();
+      setSelectedIndex((index) => Math.min(items.length - 1, index + 1));
+    } else if (isPlainKey(event, "up", "k")) {
+      event.preventDefault?.();
+      event.stopPropagation?.();
+      setSelectedIndex((index) => Math.max(0, index - 1));
+    } else if (isPlainKey(event, "enter", "return")) {
+      event.preventDefault?.();
+      event.stopPropagation?.();
+      const item = items[Math.min(selectedIndex, items.length - 1)];
+      if (item) activate(item);
+    }
+  });
+
+  const focusLabel =
+    snapshot.focus === "all"
+      ? "everything"
+      : snapshot.focus === "personal"
+        ? "personal only"
+        : (teamStore.getTeam(snapshot.focus.teamId)?.name ?? "one team");
+
+  return (
+    <Box flexDirection="column" width={width} gap={1}>
+      <Text fg={colors.textDim}>
+        {snapshot.loading && !snapshot.loaded
+          ? "Loading teams..."
+          : snapshot.error
+            ? snapshot.error
+            : snapshot.teams.length === 0
+              ? "You are not in a team yet. Create one or open an invite link a teammate sent you."
+              : `Focus: ${focusLabel}. FOCUS changes it.`}
+      </Text>
+      <ListView
+        items={items}
+        selectedIndex={Math.min(selectedIndex, Math.max(0, items.length - 1))}
+        onSelect={setSelectedIndex}
+        onActivate={activate}
+        showSelectedDescription
+        surface="plain"
+        renderRow={(item, state) => {
+          const team = item.id.startsWith("team:")
+            ? snapshot.teams.find((entry) => `team:${entry.id}` === item.id)
+            : null;
+          const accent = team ? teamAccentHex(team.accentColor) : colors.textDim;
+          const fg = state.selected ? colors.selectedText : colors.text;
+          return (
+            <Box flexDirection="row" width="100%">
+              <Text fg={state.selected ? fg : accent}>{team ? "● " : "  "}</Text>
+              <Text fg={fg}>{item.label}</Text>
+              <Box flexGrow={1} />
+              <Text fg={state.selected ? fg : colors.textMuted}>{item.right ?? ""}</Text>
+            </Box>
+          );
+        }}
+      />
+    </Box>
+  );
+}

package/src/plugins/builtin/cloud/team/capability.ts

@@ -0,0 +1,71 @@
+import type { PluginCapability } from "../../../../capabilities";
+import { teamAccentHex } from "./model";
+import { teamStore, type TeamStoreSnapshot } from "./store";
+
+export const CLOUD_TEAM_CAPABILITY_ID = "cloud.team";
+
+function publicSnapshot(snapshot: TeamStoreSnapshot) {
+  return {
+    teams: snapshot.teams,
+    invitations: snapshot.invitations.map((invitation) => ({
+      id: invitation.id,
+      teamId: invitation.team.id,
+      teamName: invitation.team.name,
+      expiresAt: invitation.expiresAt,
+    })),
+    focus: snapshot.focus,
+    defaultTeamId: teamStore.getDefaultTeamId(),
+    loaded: snapshot.loaded,
+  };
+}
+
+/**
+ * What other plugins may know about teams. They consume this, never the
+ * store, so the cloud plugin can change internals without touching them.
+ */
+export function createCloudTeamCapability(): PluginCapability {
+  return {
+    id: CLOUD_TEAM_CAPABILITY_ID,
+    kind: "plugin-service",
+    name: "Teams",
+    operations: {
+      list: {
+        kind: "read",
+        rendererSafe: true,
+        handler: () => publicSnapshot(teamStore.getSnapshot()),
+      },
+      subscribe: {
+        kind: "stream",
+        rendererSafe: true,
+        subscribe: (_input, emit) => {
+          const publish = () => emit(publicSnapshot(teamStore.getSnapshot()));
+          publish();
+          return teamStore.subscribe(publish);
+        },
+      },
+      members: {
+        kind: "read",
+        rendererSafe: true,
+        handler: async (input: { teamId: string }) => {
+          const { apiClient } = await import("../../../../api-client");
+          return apiClient.getTeamMembers(input.teamId);
+        },
+      },
+      invites: {
+        kind: "read",
+        rendererSafe: true,
+        handler: () => publicSnapshot(teamStore.getSnapshot()).invitations,
+      },
+      accentColor: {
+        kind: "read",
+        rendererSafe: true,
+        handler: (input: { teamId: string }) => {
+          const team = teamStore.getTeam(input.teamId);
+          return team
+            ? { accent: team.accentColor, hex: teamAccentHex(team.accentColor), shortName: team.shortName }
+            : null;
+        },
+      },
+    },
+  };
+}