@data-club/ai-hub 0.0.7 → 0.0.9

package/src/components/ChatShell/UserMenu.tsx

@@ -4,22 +4,16 @@
  *
  * Step 9 ships the minimal version: avatar circle + username, click
  * opens a dropdown with the role label and a `Sign out` item. Step 10
- * adds the `Theme: Light ↔ Dark` item. **Step 11 adds the `Admin` and
- * `Open Letta ADE ↗` items**, both gated to `role >= power_user` per
- * §8.3 / [00-shell.md]. Step 12 wires the voluntary `Change Password`
- * item via the shell's shell-aware framing.
- *
- * `Open Letta ADE` opens the deployment's ADE in a new tab
- * (`target="_blank" rel="noopener noreferrer"`); the URL comes from the
- * `deployment.letta_ade_url` field on `/auth/me` (only present for
- * `power_user` and above by design — see `AIHubDeployment` JSDoc).
+ * adds the `Theme: Light ↔ Dark` item. **Step 11 adds the `Admin`
+ * item**, gated to `role >= power_user` per §8.3 / [00-shell.md].
+ * Step 12 wires the voluntary `Change Password` item via the shell's
+ * shell-aware framing.
  *
  * The right side of the shell header is **library-owned** and not
  * customizable — per-customer wrappers can theme via CSS but cannot
  * replace this component.
  *
  * @see ui-sketches/00-shell.md — user_menu_button + user_menu_dropdown
- * @see SPECIFICATIONS.md §8.3 — Open Letta ADE link
  */
 
 import {
@@ -37,11 +31,11 @@ import type { AIHubRole } from "../../types.js";
 import { ThemeSwitcher } from "../ThemeSwitcher/index.js";
 
 /**
- * Returns true when the given role can see the admin-only menu items
- * (`Admin` + `Open Letta ADE`). Mirrors the §8.2 matrix.
+ * Returns true when the given role can see the admin-only `Admin` menu
+ * item. Mirrors the §8.2 matrix.
  *
  * @param role - the caller's role, or `null` when not authenticated.
- * @returns whether the items should render.
+ * @returns whether the item should render.
  */
 function canSeeAdminItems(role: AIHubRole | null): boolean {
   return role === "power_user" || role === "admin" || role === "super_admin";
@@ -76,7 +70,6 @@ export function UserMenu(props: UserMenuProps): ReactNode {
   const [open, setOpen] = useState(false);
   const wrapRef = useRef<HTMLDivElement | null>(null);
   const showAdminItems = canSeeAdminItems(auth.role);
-  const lettaAdeUrl = auth.deployment?.letta_ade_url ?? null;
 
   // Close on outside-click + Escape so the menu can't be left open
   // accidentally over the chat below.
@@ -168,19 +161,6 @@ export function UserMenu(props: UserMenuProps): ReactNode {
               ⚙ {texts.adminMenuItem}
             </button>
           ) : null}
-          {showAdminItems && lettaAdeUrl !== null && lettaAdeUrl.length > 0 ? (
-            <a
-              role="menuitem"
-              className="data-club-ai-hub__user-menu__item data-club-ai-hub__user-menu__item--link"
-              data-testid="user-menu-open-letta-ade"
-              href={lettaAdeUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              onClick={() => setOpen(false)}
-            >
-              ↗ {texts.openLettaAdeMenuItem}
-            </a>
-          ) : null}
           {themeSwitcherEnabled ? (
             <div
               className="data-club-ai-hub__user-menu__item"

package/src/components/DataClubAIHubAdmin/AgentsPage.tsx

@@ -3,7 +3,7 @@
  * `<DataClubAIHubAdmin />` ([06-admin-agents.md]).
  *
  * Lists the ai-hub agents catalog with per-row `[Edit]` + `[Archive]` /
- * `[Unarchive]` actions, top-right `[+ Create agent]` + `[↗ Open Letta ADE]`,
+ * `[Unarchive]` actions, a top-right `[+ Create agent]` button,
  * and a `[☐ Show archived]` toggle. **No TPM⚙ button** — TPM-recovery was
  * removed in Step 11.5 (§6.5); the column is retained on the DB schema but
  * the UI doesn't surface it. **No 🗑 button** — agents cannot be hard-deleted
@@ -21,7 +21,6 @@ import { useEffect, useMemo, useState, type ReactNode } from "react";
 import type { AIHubAdminTexts } from "../../auth/texts.js";
 import type { AdminAgentView } from "../../client/AIHubClient.js";
 import { useAIHub } from "../../context/useAIHub.js";
-import { useAIHubAuth } from "../../context/useAIHubAuth.js";
 
 import {
   AgentEditorModal,
@@ -35,12 +34,6 @@ type EditorState =
   | { kind: "create" }
   | { kind: "edit"; agent: AdminAgentView };
 
-/** Resolves the deployment's ADE URL or derives one from the base URL. */
-function deriveAdeUrl(adeUrl: string | undefined): string | null {
-  if (!adeUrl) return null;
-  return adeUrl.replace(/\/$/, "");
-}
-
 /** Sort comparator — alphabetical by display_name, stable. */
 function byDisplayName(a: AdminAgentView, b: AdminAgentView): number {
   return a.display_name.localeCompare(b.display_name);
@@ -60,8 +53,6 @@ export interface AdminAgentsPageProps {
  */
 export function AdminAgentsPage(props: AdminAgentsPageProps): ReactNode {
   const { client } = useAIHub();
-  const auth = useAIHubAuth();
-  const adeUrl = deriveAdeUrl(auth.deployment?.letta_ade_url);
 
   const [agents, setAgents] = useState<AdminAgentView[] | null>(null);
   const [loadError, setLoadError] = useState<string | null>(null);
@@ -171,17 +162,6 @@ export function AdminAgentsPage(props: AdminAgentsPageProps): ReactNode {
           {props.texts.agentsHeading}
         </h1>
         <div className="data-club-ai-hub-admin__page-header-actions">
-          {adeUrl !== null ? (
-            <a
-              className="data-club-ai-hub-admin__button"
-              data-testid="admin-agents-open-ade"
-              href={adeUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              {props.texts.openLettaAdeButton}
-            </a>
-          ) : null}
           <button
             type="button"
             className="data-club-ai-hub-admin__button data-club-ai-hub-admin__button--primary"

package/src/components/DataClubAIHubAdmin/RotatingMessagesPage.tsx

@@ -17,6 +17,7 @@ import { useEffect, useMemo, useState, type ReactNode } from "react";
 import type { AIHubAdminTexts } from "../../auth/texts.js";
 import type { AdminRotatingMessageView } from "../../client/AIHubClient.js";
 import { useAIHub } from "../../context/useAIHub.js";
+import { formatDateTime } from "../../util/relativeTime.js";
 
 import {
   RotatingMessageEditorModal,
@@ -80,7 +81,7 @@ export interface AdminRotatingMessagesPageProps {
 export function AdminRotatingMessagesPage(
   props: AdminRotatingMessagesPageProps,
 ): ReactNode {
-  const { client } = useAIHub();
+  const { client, language } = useAIHub();
 
   const [rows, setRows] = useState<AdminRotatingMessageView[] | null>(null);
   const [loadError, setLoadError] = useState<string | null>(null);
@@ -246,6 +247,7 @@ export function AdminRotatingMessagesPage(
               <th>{props.texts.rotatingColumnAgent}</th>
               <th>{props.texts.rotatingColumnSchedule}</th>
               <th>{props.texts.rotatingColumnStatus}</th>
+              <th>{props.texts.rotatingColumnLastRotated}</th>
               <th>{props.texts.rotatingColumnId}</th>
               <th>{props.texts.rotatingColumnActions}</th>
             </tr>
@@ -281,6 +283,11 @@ export function AdminRotatingMessagesPage(
                       {statusLabel(r, props.texts)}
                     </span>
                   </td>
+                  <td>
+                    {r.last_rotated_at
+                      ? formatDateTime(r.last_rotated_at, language)
+                      : "—"}
+                  </td>
                   <td>
                     <button
                       type="button"

package/src/components/DataClubAIHubAdmin/SettingsPage.tsx

@@ -245,7 +245,6 @@ interface LettaConnectionSectionProps extends SectionProps {
 function LettaConnectionSection(props: LettaConnectionSectionProps): ReactNode {
   const { client } = useAIHub();
   const [baseUrl, setBaseUrl] = useState(props.settings.letta_base_url ?? "");
-  const [adeUrl, setAdeUrl] = useState(props.settings.letta_ade_url ?? "");
   // Empty string = leave-as-is; non-empty = replace.
   const [apiKey, setApiKey] = useState("");
   const [saving, setSaving] = useState(false);
@@ -265,9 +264,6 @@ function LettaConnectionSection(props: LettaConnectionSectionProps): ReactNode {
       if (baseUrl !== (props.settings.letta_base_url ?? "")) {
         body.lettaBaseUrl = baseUrl === "" ? null : baseUrl;
       }
-      if (adeUrl !== (props.settings.letta_ade_url ?? "")) {
-        body.lettaAdeUrl = adeUrl === "" ? null : adeUrl;
-      }
       if (apiKey !== "") body.lettaApiKey = apiKey;
       const next = await client.patchAdminSettings(body);
       props.onSaved(next);
@@ -289,7 +285,7 @@ function LettaConnectionSection(props: LettaConnectionSectionProps): ReactNode {
   // Clears the DB column (sends `letta_api_key: ""`), which makes the
   // server fall back to env.LETTA_API_KEY at runtime per the
   // resolveApiKey precedence in letta/client.ts. Same code path as the
-  // base/ADE URL nulling — only it targets the API-key column.
+  // base URL nulling — only it targets the API-key column.
   async function handleClearApiKeyOverride(): Promise<void> {
     setSaving(true);
     setFlash(null);
@@ -332,22 +328,6 @@ function LettaConnectionSection(props: LettaConnectionSectionProps): ReactNode {
             disabled={saving}
           />
         </label>
-        <label className="data-club-ai-hub-admin__form-field">
-          <span className="data-club-ai-hub-admin__form-label">
-            {props.texts.settingsLettaAdeUrlLabel}
-          </span>
-          <input
-            type="url"
-            className="data-club-ai-hub-admin__form-input"
-            data-testid="admin-settings-letta-ade-url"
-            value={adeUrl}
-            onChange={(event) => setAdeUrl(event.target.value)}
-            disabled={saving}
-          />
-          <span className="data-club-ai-hub-admin__form-helper">
-            {props.texts.settingsLettaAdeUrlHelper}
-          </span>
-        </label>
         <label className="data-club-ai-hub-admin__form-field">
           <span className="data-club-ai-hub-admin__form-label">
             {props.texts.settingsLettaApiKeyLabel}

package/src/components/DataClubAIHubAdmin/index.tsx

@@ -8,7 +8,7 @@
  * `user`-role caller the component returns `null` outright.
  *
  * The shell **renders its own `<ShellHeader />`** so the user-menu (log
- * out, theme toggle, Open Letta ADE, ← Back to chat) stays available
+ * out, theme toggle, ← Back to chat) stays available
  * from inside the admin view too — [00-shell.md] makes the shell header
  * part of every authenticated page. The component is identical to the
  * one ChatShell renders.

package/src/styles/CLASSES.md

@@ -177,7 +177,7 @@ block and modifier.
 | `data-club-ai-hub__user-menu__header` | Header row inside the dropdown (username + role). |
 | `data-club-ai-hub__user-menu__username-large` | Larger username text in the dropdown header. |
 | `data-club-ai-hub__user-menu__role` | Role label below the username. |
-| `data-club-ai-hub__user-menu__item` | A menu item (Sign out today; Theme / Admin / Letta ADE in Steps 10–11). |
+| `data-club-ai-hub__user-menu__item` | A menu item (Sign out today; Theme / Admin in Steps 10–11). |
 
 ### Agents picker — Step 9 (`ui-sketches/03-chat.md`)
 

package/src/styles/default.css

@@ -660,10 +660,6 @@
   background-color: color-mix(in srgb, var(--dc-aih-accent) 12%, transparent);
 }
 
-.data-club-ai-hub__user-menu__item--link {
-  text-decoration: none;
-}
-
 /* ── Language switcher (left of the user menu in the shell header) ────── */
 
 .data-club-ai-hub__language-switcher {

package/src/util/relativeTime.ts

@@ -69,6 +69,25 @@ export function formatAbsoluteDate(
   );
 }
 
+/**
+ * Formats an ISO timestamp as a short, locale-formatted **date + time**
+ * (e.g. `08/06/2026, 14:32`). Used where the exact moment matters — e.g. the
+ * admin rotating-messages "last rotation" column, where rotations can be
+ * hourly so a date alone wouldn't distinguish runs.
+ *
+ * @param iso - ISO timestamp. Returns the raw input for an unparseable value.
+ * @param language - the active UI language.
+ * @returns the localized date-time string.
+ */
+export function formatDateTime(iso: string, language: AIHubLanguage): string {
+  const ts = Date.parse(iso);
+  if (Number.isNaN(ts)) return iso;
+  return new Intl.DateTimeFormat(language, {
+    dateStyle: "short",
+    timeStyle: "short",
+  }).format(new Date(ts));
+}
+
 /**
  * Day-granular relative label — `"today"` / `"yesterday"` / `"N days ago"`
  * (localized). Used for the admin settings rotation stamp, which pairs an