chat: add ability to set thread name and use for cell toolbar

- should do this all over but it's a ton of work, so leave for later

Author: williamstein

src/packages/frontend/chat/chatroom.tsx

@@ -452,10 +452,7 @@ export function ChatPanel({
           }
         >
           <Icon name={isAI ? "robot" : "users"} style={{ color: "#888" }} />
-          <StaticMarkdown
-            value={displayLabel}
-            style={THREAD_ITEM_LABEL_STYLE}
-          />
+          <div style={THREAD_ITEM_LABEL_STYLE}>{displayLabel}</div>
           {unreadCount > 0 && (
             <Badge
               count={unreadCount}

src/packages/frontend/jupyter/llm/cell-tool.tsx

@@ -21,7 +21,7 @@ import {
 import { CSSProperties, useEffect, useMemo, useRef, useState } from "react";
 import { defineMessage, FormattedMessage, useIntl } from "react-intl";
 import { Entries } from "type-fest";
-
+import { trunc } from "@cocalc/util/misc";
 import { LanguageSelector } from "@cocalc/frontend/account/i18n-selector";
 import { useAsyncEffect } from "@cocalc/frontend/app-framework";
 import getChatActions from "@cocalc/frontend/chat/get-actions";
@@ -601,7 +601,7 @@ export function LLMCellTool({ actions, id, style, llmTools, cellType }: Props) {
 
   async function getExplanation(preview: boolean) {
     if (actions == null) return; // shouldn't happen
-    const { message } = await createMessage(preview);
+    const { message, name } = await createMessage(preview);
     if (!message) {
       console.warn("getExplanation -- no cell with id", id);
       return;
@@ -613,6 +613,7 @@ export function LLMCellTool({ actions, id, style, llmTools, cellType }: Props) {
       input: message,
       tag: `jupyter-cell-llm:${mode}`,
       noNotification: true,
+      name,
     });
 
     // we also log this
@@ -628,7 +629,7 @@ export function LLMCellTool({ actions, id, style, llmTools, cellType }: Props) {
 
   async function createMessage(
     preview: boolean,
-  ): Promise<{ message: string; tokens: number }> {
+  ): Promise<{ message: string; tokens: number; name?: string }> {
     const empty = { message: "", tokens: 0 };
     if (actions == null || mode == null || llmTools == null) return empty;
     const { model } = llmTools;
@@ -637,14 +638,15 @@ export function LLMCellTool({ actions, id, style, llmTools, cellType }: Props) {
     const cell = actions.store.get("cells").get(id);
     if (!cell) return empty;
 
-    const { message, tokens } = await createMessageText({
+    const { message, tokens, name } = await createMessageText({
       cell,
       model,
       preview,
     });
     return {
       message: preview ? message : `${modelToMention(model)} ${message}`,
       tokens,
+      name,
     };
   }
 
@@ -656,7 +658,7 @@ export function LLMCellTool({ actions, id, style, llmTools, cellType }: Props) {
     model: LanguageModel;
     preview: boolean;
     cell: any;
-  }): Promise<{ message: string; tokens: number }> {
+  }): Promise<{ message: string; tokens: number; name?: string }> {
     if (mode == null || actions == null)
       return { message: "Error: no mode selected.", tokens: 0 };
 
@@ -739,6 +741,7 @@ export function LLMCellTool({ actions, id, style, llmTools, cellType }: Props) {
     return {
       message,
       tokens: numTokensUpperBound(message, getMaxTokens(model)),
+      name: trunc(input),
     };
   }