Merge pull request #102 from RhysSullivan/worktree-tools-view-redesign

Redesign tools detail view with interactive schema explorer

Author: RhysSullivan

apps/cloud/src/api.ts

@@ -7,6 +7,7 @@ import {
   HttpApiBuilder,
   HttpApiSwagger,
   HttpMiddleware,
+  HttpRouter,
   HttpServer,
 } from "@effect/platform";
 import { Effect, Layer, Scope } from "effect";
@@ -76,6 +77,7 @@ const SharedServicesMemoized = Effect.runSync(
 const publicApiHandler = HttpApiBuilder.toWebHandler(
   PublicCloudApiLive.pipe(
     Layer.provideMerge(SharedServicesMemoized),
+    Layer.provideMerge(HttpRouter.setRouterConfig({ maxParamLength: 1000 })),
   ),
   { middleware: HttpMiddleware.logger },
 );
@@ -184,6 +186,7 @@ const createProtectedHandler = (
       Layer.provideMerge(ProtectedCloudApiLive),
       Layer.provideMerge(requestServices),
       Layer.provideMerge(SharedServicesMemoized),
+      Layer.provideMerge(HttpRouter.setRouterConfig({ maxParamLength: 1000 })),
     ),
     { middleware: HttpMiddleware.logger },
   );

apps/local/src/routes/__root.tsx

@@ -17,6 +17,9 @@ export const Route = createRootRoute({
       { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=Instrument+Serif&family=JetBrains+Mono:wght@400;500&display=swap" },
       { rel: "stylesheet", href: appCss },
     ],
+    scripts: import.meta.env.DEV
+      ? [{ src: "https://ui.sh/ui-picker.js" }]
+      : [],
   }),
   component: RootComponent,
   shellComponent: RootDocument,

apps/local/src/server/main.ts

@@ -2,6 +2,7 @@ import {
   HttpApiBuilder,
   HttpApiSwagger,
   HttpMiddleware,
+  HttpRouter,
   HttpServer,
 } from "@effect/platform";
 import { Context, Effect, Layer, ManagedRuntime } from "effect";
@@ -76,6 +77,7 @@ export const createServerHandlers = async (): Promise<ServerHandlers> => {
       Layer.provideMerge(Layer.succeed(ExecutorService, executor)),
       Layer.provideMerge(Layer.succeed(ExecutionEngineService, engine)),
       Layer.provideMerge(HttpServer.layerContext),
+      Layer.provideMerge(HttpRouter.setRouterConfig({ maxParamLength: 1000 })),
     ),
     { middleware: HttpMiddleware.logger },
   );

packages/core/api/src/tools/api.ts

@@ -33,6 +33,8 @@ const ToolSchemaResponse = Schema.Struct({
   typeScriptDefinitions: Schema.optional(
     Schema.Record({ key: Schema.String, value: Schema.String }),
   ),
+  inputSchema: Schema.optional(Schema.Unknown),
+  outputSchema: Schema.optional(Schema.Unknown),
 });
 
 // ---------------------------------------------------------------------------

packages/core/sdk/src/in-memory/tool-registry.ts

@@ -9,7 +9,7 @@ import type {
   InvokeOptions,
   RuntimeToolHandler,
 } from "../tools";
-import { normalizeRefs } from "../schema-refs";
+import { normalizeRefs, reattachDefs } from "../schema-refs";
 import { buildToolTypeScriptPreview } from "../schema-types";
 
 export const makeInMemoryToolRegistry = () => {
@@ -68,11 +68,19 @@ export const makeInMemoryToolRegistry = () => {
             inputSchema: t.inputSchema,
             outputSchema: t.outputSchema,
             defs,
+            options: {
+              maxLength: Infinity,
+              maxProperties: Infinity,
+              maxCompositeMembers: Infinity,
+              maxRefDepth: 20,
+            },
           });
 
           return {
             id: t.id,
             ...typeScriptPreview,
+            inputSchema: t.inputSchema ? reattachDefs(t.inputSchema, defs) : undefined,
+            outputSchema: t.outputSchema ? reattachDefs(t.outputSchema, defs) : undefined,
           };
         }),
       ),

packages/core/sdk/src/tools.ts

@@ -36,6 +36,8 @@ export class ToolSchema extends Schema.Class<ToolSchema>("ToolSchema")({
   typeScriptDefinitions: Schema.optional(
     Schema.Record({ key: Schema.String, value: Schema.String }),
   ),
+  inputSchema: Schema.optional(Schema.Unknown),
+  outputSchema: Schema.optional(Schema.Unknown),
 }) {}
 
 export class ToolInvocationResult extends Schema.Class<ToolInvocationResult>(

packages/core/storage-file/src/tool-registry.ts

@@ -12,7 +12,7 @@ import type {
   InvokeOptions,
   RuntimeToolHandler,
 } from "@executor/sdk";
-import { buildToolTypeScriptPreview } from "@executor/sdk";
+import { buildToolTypeScriptPreview, reattachDefs } from "@executor/sdk";
 
 // ---------------------------------------------------------------------------
 // Serialization — leverage ToolRegistration Schema.Class directly
@@ -101,11 +101,19 @@ export const makeKvToolRegistry = (
           inputSchema: t.inputSchema,
           outputSchema: t.outputSchema,
           defs,
+          options: {
+            maxLength: Infinity,
+            maxProperties: Infinity,
+            maxCompositeMembers: Infinity,
+            maxRefDepth: 20,
+          },
         });
 
         return {
           id: t.id,
           ...typeScriptPreview,
+          inputSchema: t.inputSchema ? reattachDefs(t.inputSchema, defs) : undefined,
+          outputSchema: t.outputSchema ? reattachDefs(t.outputSchema, defs) : undefined,
         };
       }),