@stigmer/react 0.0.84 → 0.0.85

package/oauth-app/useOAuthAppList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOAuthAppList.d.ts","sourceRoot":"","sources":["../../src/oauth-app/useOAuthAppList.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAIlF,+CAA+C;AAC/C,MAAM,WAAW,qBAAqB;IACpC,6EAA6E;IAC7E,QAAQ,CAAC,SAAS,EAAE,SAAS,QAAQ,EAAE,CAAC;IACxC,gEAAgE;IAChE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,kEAAkE;IAClE,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,MAAM,GAAG,IAAI,GACjB,qBAAqB,CA0CvB"}

package/oauth-app/useOAuthAppList.js

@@ -0,0 +1,61 @@
+"use client";
+import { useCallback, useEffect, useState } from "react";
+import { create } from "@bufbuild/protobuf";
+import { ListOAuthAppsByOrgInputSchema } from "@stigmer/protos/ai/stigmer/iam/oauthapp/v1/io_pb";
+import { useStigmer } from "../hooks";
+import { toError } from "../internal/toError";
+/**
+ * Data hook that fetches all {@link OAuthApp} entries for an organization.
+ *
+ * Returns every OAuthApp whose `metadata.org` matches the input. In
+ * practice these are the BYOA OAuth apps created through the "Bring
+ * your own app" flow on MCP server detail pages.
+ *
+ * Pass `null` for `org` to skip fetching (stable no-op). Useful when
+ * the active organization has not been resolved yet.
+ *
+ * @example
+ * ```tsx
+ * const { oauthApps, isLoading, error } = useOAuthAppList(org);
+ *
+ * if (isLoading) return <Spinner />;
+ * oauthApps.map((app) => app.spec?.provider);
+ * ```
+ */
+export function useOAuthAppList(org) {
+    const stigmer = useStigmer();
+    const [oauthApps, setOauthApps] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [fetchKey, setFetchKey] = useState(0);
+    const refetch = useCallback(() => setFetchKey((k) => k + 1), []);
+    useEffect(() => {
+        if (!org) {
+            setOauthApps([]);
+            setIsLoading(false);
+            setError(null);
+            return;
+        }
+        const cancelled = { current: false };
+        setIsLoading(true);
+        setError(null);
+        stigmer.oauthapp
+            .listByOrg(create(ListOAuthAppsByOrgInputSchema, { org }))
+            .then((result) => {
+            if (cancelled.current)
+                return;
+            setOauthApps([...result.entries]);
+            setIsLoading(false);
+        }, (err) => {
+            if (cancelled.current)
+                return;
+            setError(toError(err));
+            setIsLoading(false);
+        });
+        return () => {
+            cancelled.current = true;
+        };
+    }, [org, stigmer, fetchKey]);
+    return { oauthApps, isLoading, error, refetch };
+}
+//# sourceMappingURL=useOAuthAppList.js.map

package/oauth-app/useOAuthAppList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOAuthAppList.js","sourceRoot":"","sources":["../../src/oauth-app/useOAuthAppList.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,kDAAkD,CAAC;AAEjG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAc9C;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,eAAe,CAC7B,GAAkB;IAElB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAa,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,YAAY,CAAC,EAAE,CAAC,CAAC;YACjB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACrC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,OAAO,CAAC,QAAQ;aACb,SAAS,CAAC,MAAM,CAAC,6BAA6B,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;aACzD,IAAI,CACH,CAAC,MAAM,EAAE,EAAE;YACT,IAAI,SAAS,CAAC,OAAO;gBAAE,OAAO;YAC9B,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;YAClC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EACD,CAAC,GAAG,EAAE,EAAE;YACN,IAAI,SAAS,CAAC,OAAO;gBAAE,OAAO;YAC9B,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CACF,CAAC;QAEJ,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAClD,CAAC"}

package/oauth-app/useUpdateOAuthApp.d.ts

@@ -0,0 +1,38 @@
+import type { OAuthAppInput } from "@stigmer/sdk";
+import type { OAuthApp } from "@stigmer/protos/ai/stigmer/iam/oauthapp/v1/api_pb";
+/** Return value of {@link useUpdateOAuthApp}. */
+export interface UseUpdateOAuthAppReturn {
+    /** Submit an {@link OAuthAppInput} to update an existing OAuth app. Resolves with the updated resource. */
+    readonly update: (input: OAuthAppInput) => Promise<OAuthApp>;
+    /** `true` while the update request is in flight. */
+    readonly isUpdating: boolean;
+    /** Error from the last failed update, or `null` when healthy. */
+    readonly error: Error | null;
+    /** Reset `error` to `null`. */
+    readonly clearError: () => void;
+}
+/**
+ * Mutation hook that wraps `oauthapp.update()` with loading and error
+ * state.
+ *
+ * Updates an existing OAuth app. The input must include the `name` and
+ * `org` fields to identify the target resource, along with the updated
+ * spec fields. Omit `clientSecret` to leave the existing secret
+ * unchanged.
+ *
+ * @example
+ * ```tsx
+ * const { update, isUpdating, error } = useUpdateOAuthApp();
+ *
+ * await update({
+ *   name: "My Slack App",
+ *   org: "acme",
+ *   provider: "Slack",
+ *   clientId: "123456.789012",
+ *   authorizationUrl: "https://slack.com/oauth/v2/authorize",
+ *   tokenUrl: "https://slack.com/api/oauth.v2.access",
+ * });
+ * ```
+ */
+export declare function useUpdateOAuthApp(): UseUpdateOAuthAppReturn;
+//# sourceMappingURL=useUpdateOAuthApp.d.ts.map

package/oauth-app/useUpdateOAuthApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateOAuthApp.d.ts","sourceRoot":"","sources":["../../src/oauth-app/useUpdateOAuthApp.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mDAAmD,CAAC;AAIlF,iDAAiD;AACjD,MAAM,WAAW,uBAAuB;IACtC,2GAA2G;IAC3G,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC7D,oDAAoD;IACpD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,iEAAiE;IACjE,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAC7B,+BAA+B;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,IAAI,uBAAuB,CAyB3D"}

package/oauth-app/useUpdateOAuthApp.js

@@ -0,0 +1,49 @@
+"use client";
+import { useCallback, useState } from "react";
+import { useStigmer } from "../hooks";
+import { toError } from "../internal/toError";
+/**
+ * Mutation hook that wraps `oauthapp.update()` with loading and error
+ * state.
+ *
+ * Updates an existing OAuth app. The input must include the `name` and
+ * `org` fields to identify the target resource, along with the updated
+ * spec fields. Omit `clientSecret` to leave the existing secret
+ * unchanged.
+ *
+ * @example
+ * ```tsx
+ * const { update, isUpdating, error } = useUpdateOAuthApp();
+ *
+ * await update({
+ *   name: "My Slack App",
+ *   org: "acme",
+ *   provider: "Slack",
+ *   clientId: "123456.789012",
+ *   authorizationUrl: "https://slack.com/oauth/v2/authorize",
+ *   tokenUrl: "https://slack.com/api/oauth.v2.access",
+ * });
+ * ```
+ */
+export function useUpdateOAuthApp() {
+    const stigmer = useStigmer();
+    const [isUpdating, setIsUpdating] = useState(false);
+    const [error, setError] = useState(null);
+    const clearError = useCallback(() => setError(null), []);
+    const update = useCallback(async (input) => {
+        setIsUpdating(true);
+        setError(null);
+        try {
+            return await stigmer.oauthapp.update(input);
+        }
+        catch (err) {
+            setError(toError(err));
+            throw err;
+        }
+        finally {
+            setIsUpdating(false);
+        }
+    }, [stigmer]);
+    return { update, isUpdating, error, clearError };
+}
+//# sourceMappingURL=useUpdateOAuthApp.js.map

package/oauth-app/useUpdateOAuthApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateOAuthApp.js","sourceRoot":"","sources":["../../src/oauth-app/useUpdateOAuthApp.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAc9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,EAAE,KAAoB,EAAqB,EAAE;QAChD,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,IAAI,CAAC;YACH,OAAO,MAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACvB,MAAM,GAAG,CAAC;QACZ,CAAC;gBAAS,CAAC;YACT,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;AACnD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stigmer/react",
-  "version": "0.0.84",
+  "version": "0.0.85",
   "description": "React provider and client hook for the Stigmer platform SDK",
   "license": "Apache-2.0",
   "type": "module",
@@ -35,7 +35,7 @@
     }
   },
   "dependencies": {
-    "@stigmer/theme": "0.0.84",
+    "@stigmer/theme": "0.0.85",
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "yaml": "^2.8.2"
@@ -43,8 +43,8 @@
   "peerDependencies": {
     "@base-ui/react": "^1.0.0",
     "@bufbuild/protobuf": "^2.0.0",
-    "@stigmer/protos": "0.0.84",
-    "@stigmer/sdk": "0.0.84",
+    "@stigmer/protos": "0.0.85",
+    "@stigmer/sdk": "0.0.85",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   }

package/src/demo/fixtures.ts

@@ -238,6 +238,14 @@ export const fixtures = {
     /** Hooks: `useUpdateVisibility` (when kind is McpServer) */
     updateVisibility: (handler: UnaryFixtureHandler): FixtureSpec =>
       unarySpec(McpServerCommandController, "updateVisibility", handler),
+
+    /** Hooks: `useOAuthGrantStatus` */
+    getOAuthGrantStatus: (handler: UnaryFixtureHandler): FixtureSpec =>
+      unarySpec(McpServerQueryController, "getOAuthGrantStatus", handler),
+
+    /** Hooks: `useOrgOAuthApp` */
+    getOrgOAuthApp: (handler: UnaryFixtureHandler): FixtureSpec =>
+      unarySpec(McpServerQueryController, "getOrgOAuthApp", handler),
   },
 
   // ---- Environment ----

package/src/index.ts

@@ -227,6 +227,7 @@ export {
   McpServerPicker,
   McpServerConfigPanel,
   McpServerDetailView,
+  McpServerConnectDialog,
   McpToolSelector,
   toServerKey,
 } from "./mcp-server";
@@ -249,6 +250,7 @@ export type {
   McpServerCredentialsProps,
   McpServerOAuthSignInProps,
   McpServerDetailViewProps,
+  McpServerConnectDialogProps,
   CapabilityTab,
   McpToolSelectorProps,
   UseMcpServerConnectReturn,
@@ -446,6 +448,26 @@ export type {
   ApiKeyCreatedAlertProps,
 } from "./api-key";
 
+// OAuth App — data hooks, mutation hooks, and styled components for OAuth app management
+export {
+  useOAuthAppList,
+  useCreateOAuthApp,
+  useUpdateOAuthApp,
+  useDeleteOAuthApp,
+  OAuthAppListPanel,
+  CreateOAuthAppForm,
+  OAuthAppDetailPanel,
+} from "./oauth-app";
+export type {
+  UseOAuthAppListReturn,
+  UseCreateOAuthAppReturn,
+  UseUpdateOAuthAppReturn,
+  UseDeleteOAuthAppReturn,
+  OAuthAppListPanelProps,
+  CreateOAuthAppFormProps,
+  OAuthAppDetailPanelProps,
+} from "./oauth-app";
+
 // Identity Provider — data hooks, mutation hooks, styled components, presets, and guided wizard for IdP management and SSO discovery
 export {
   useIdentityProviderList,

package/src/library/ResourceListView.tsx

@@ -537,14 +537,9 @@ function DefaultResourceCard({
       <div className="flex items-start gap-3">
         <ResourceIcon kind={item.kind} iconUrl={item.iconUrl} />
         <div className="min-w-0 flex-1">
-          <div className="flex items-center gap-2">
-            <span className="truncate text-sm font-semibold text-foreground">
-              {displayName}
-            </span>
-            {item.visibility === ApiResourceVisibility.visibility_public && (
-              <VisibilityBadge />
-            )}
-          </div>
+          <span className="line-clamp-2 text-sm font-semibold leading-snug text-foreground">
+            {displayName}
+          </span>
           <span className="mt-0.5 block text-xs text-muted-foreground">
             {item.org}
           </span>
@@ -556,6 +551,11 @@ function DefaultResourceCard({
           {item.description}
         </p>
       )}
+      {item.visibility === ApiResourceVisibility.visibility_public && (
+        <div className="mt-auto">
+          <VisibilityBadge />
+        </div>
+      )}
     </div>
   );
 }