@stigmer/react 0.5.0 → 0.5.1

package/src/composer/SessionComposer.tsx

@@ -203,6 +203,18 @@ export interface SessionComposerProps {
    */
   readonly initialAgentRef?: ResourceRef;
 
+  /**
+   * When `true`, the agent chip renders without an X (remove) button.
+   *
+   * Used on the session page to indicate the session's default agent,
+   * where removing it would just re-select the same agent (a
+   * confusing no-op). The user can still switch agents via the
+   * Configure menu.
+   *
+   * @default false
+   */
+  readonly isDefaultAgent?: boolean;
+
   /**
    * Currently selected MCP server usages.
    * When `onMcpServerUsagesChange` is provided, a MCP server trigger
@@ -392,6 +404,7 @@ export const SessionComposer = memo(function SessionComposer({
   onAgentRefChange,
   onAgentResolutionChange,
   initialAgentRef,
+  isDefaultAgent = false,
   mcpServerUsages,
   onMcpServerUsagesChange,
   skillRefs,
@@ -868,14 +881,49 @@ export const SessionComposer = memo(function SessionComposer({
     }
   }, [initialAttachments, enableAttachments, attachments]);
 
+  // ---------------------------------------------------------------------------
+  // Initial MCP: seed useMcpServerSetup from mcpServerUsages prop on mount
+  // ---------------------------------------------------------------------------
+
+  const initialMcpSeeded = useRef(false);
+  const mcpSetupAddServerRef = useRef(mcpSetup.addServer);
+  mcpSetupAddServerRef.current = mcpSetup.addServer;
+  const mcpSetupSetEnabledToolsRef = useRef(mcpSetup.setEnabledTools);
+  mcpSetupSetEnabledToolsRef.current = mcpSetup.setEnabledTools;
+
+  useEffect(() => {
+    if (!showMcp || initialMcpSeeded.current || !mcpServerUsages?.length) return;
+    initialMcpSeeded.current = true;
+
+    for (const usage of mcpServerUsages) {
+      const ref = usage.mcpServerRef;
+      if (!ref) continue;
+      const savedTools = usage.enabledTools;
+
+      mcpSetupAddServerRef.current(ref).then(() => {
+        if (savedTools?.length) {
+          mcpSetupSetEnabledToolsRef.current(ref, savedTools);
+        }
+      }).catch(() => {
+        // Non-fatal: server may have been deleted or become inaccessible.
+        // The user can re-add it via the MCP picker.
+      });
+    }
+  }, [showMcp, mcpServerUsages]);
+
   // ---------------------------------------------------------------------------
   // MCP server setup: sync usageInputs to consumer
   // ---------------------------------------------------------------------------
 
+  const hasLoadingMcpEntries = useMemo(
+    () => Object.values(mcpSetup.entries).some(e => e.status === "loading"),
+    [mcpSetup.entries],
+  );
+
   useEffect(() => {
-    if (!showMcp) return;
+    if (!showMcp || hasLoadingMcpEntries) return;
     onMcpServerUsagesChange?.(mcpSetup.usageInputs);
-  }, [showMcp, mcpSetup.usageInputs, onMcpServerUsagesChange]);
+  }, [showMcp, mcpSetup.usageInputs, onMcpServerUsagesChange, hasLoadingMcpEntries]);
 
   // ---------------------------------------------------------------------------
   // Submission blocking: MCP servers must be fully configured before send
@@ -908,7 +956,7 @@ export const SessionComposer = memo(function SessionComposer({
         key: `agent:${refStr}`,
         label: displayNames.get(refStr) ?? agentRef.slug,
         type: "agent",
-        onRemove: handleAgentChipRemove,
+        onRemove: isDefaultAgent ? undefined : handleAgentChipRemove,
       });
     } else if (
       agentSetup.state.status === "needsEnvVars" ||
@@ -1012,6 +1060,7 @@ export const SessionComposer = memo(function SessionComposer({
     return items;
   }, [
     agentRef,
+    isDefaultAgent,
     agentSetup.state,
     handleAgentChipRemove,
     handlePendingAgentChipRemove,

package/src/environment/usePersonalEnvironment.ts

@@ -184,6 +184,7 @@ export function usePersonalEnvironment(
           data,
         });
 
+        environmentRef.current = created;
         refetch();
         return created;
       } catch (err) {

package/src/index.ts

@@ -89,6 +89,8 @@ export {
   parseDraftType,
   parseDraftParams,
   groupSessionsByTime,
+  groupSearchResultsByTime,
+  useSessionSearch,
   PENDING_SUBJECT,
   resolvedSubject,
 } from "./session";
@@ -101,6 +103,8 @@ export type {
   UseSessionReturn,
   UseSessionListOptions,
   UseSessionListReturn,
+  UseSessionSearchOptions,
+  UseSessionSearchReturn,
   UseSessionExecutionsReturn,
   SendFollowUpOptions,
   UseSessionConversationReturn,
@@ -121,6 +125,7 @@ export type {
   DraftResourceType,
   DraftParams,
   SessionGroup,
+  SearchResultGroup,
 } from "./session";
 
 // Execution — behavior hooks, styled components, and utilities (AgentExecution aggregate)

package/src/inline-edit/InlineEditKeyValue.tsx

@@ -12,6 +12,10 @@ export interface InlineEditKeyValueProps extends InlineEditBaseProps {
   readonly onSave: (rows: KeyValueRow[]) => Promise<boolean>;
   /** Label for the "key" column. @default "Key" */
   readonly keyLabel?: string;
+  /** Show the value alongside the key in read mode and provide a value input in edit mode. @default false */
+  readonly showValue?: boolean;
+  /** Label for the "value" column (only relevant when showValue is true). @default "Value" */
+  readonly valueLabel?: string;
   /** Show the "secret" toggle per row. @default false */
   readonly showSecretToggle?: boolean;
   /** Show the "optional" toggle per row. @default false */
@@ -35,6 +39,8 @@ export function InlineEditKeyValue({
   value,
   onSave,
   keyLabel = "Key",
+  showValue = false,
+  valueLabel = "Value",
   showSecretToggle = false,
   showOptionalToggle = false,
   showDescription = false,
@@ -99,6 +105,11 @@ export function InlineEditKeyValue({
                 <code className="shrink-0 font-mono text-sm font-medium text-foreground">
                   {row.key}
                 </code>
+                {showValue && (
+                  <span className="min-w-0 break-all font-mono text-xs text-muted-foreground">
+                    {row.value}
+                  </span>
+                )}
                 {showSecretToggle && (
                   <span className="shrink-0 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground">
                     {row.isSecret ? "secret" : "config"}
@@ -137,6 +148,18 @@ export function InlineEditKeyValue({
                 "focus:outline-none focus:ring-2 focus:ring-ring",
               )}
             />
+            {showValue && (
+              <input
+                type="text"
+                value={row.value}
+                onChange={(e) => updateRow(i, { value: e.target.value })}
+                placeholder={valueLabel}
+                className={cn(
+                  "rounded-md border border-border bg-input-bg px-2 py-1 font-mono text-sm text-foreground",
+                  "focus:outline-none focus:ring-2 focus:ring-ring",
+                )}
+              />
+            )}
             {showDescription && (
               <input
                 type="text"

package/src/internal/useFetch.ts

@@ -94,8 +94,8 @@ export function useFetch<T>(
   const hasDataRef = useRef(
     cacheKey && cache ? cache.has(cacheKey) : false,
   );
-  const isFetchingRef = useRef(false);
-  const [isFetching, setIsFetching] = useState(false);
+  const isFetchingRef = useRef(fetchFn !== null);
+  const [isFetching, setIsFetching] = useState(fetchFn !== null);
 
   // Stable ref for cache — avoids adding cache to effect deps while
   // still letting the effect body access the current instance.