@stigmer/react 3.1.0 → 3.1.2

package/src/github/useGitHubFileReader.ts

@@ -0,0 +1,152 @@
+"use client";
+
+import { useCallback } from "react";
+import type { WorkspaceEntry } from "../workspace/useWorkspaceEntries.js";
+import type {
+  WorkspaceFileContent,
+  WorkspaceFileReader,
+} from "../workspace/WorkspaceFileReader.js";
+import { base64ToBytes, normalizeGitHubContent } from "./decodeGitHubContent.js";
+import { parseGitUrl } from "./parseGitUrl.js";
+
+const GITHUB_API = "https://api.github.com/repos";
+
+/**
+ * Upper bound on files we will pull through the Blob API (Gate 1, Option B).
+ *
+ * The Contents API caps at ~1 MB and signals larger files with
+ * `encoding: "none"`; the Blob API then serves them in full (up to GitHub's own
+ * ~100 MB blob limit). Since we only ever display the first ~1 MB, downloading
+ * a 90 MB blob to show 1 MB is wasteful — so above this ceiling we report the
+ * file as too-large
+ * (`text: null`, `truncated: true`) using the size GitHub already told us,
+ * without downloading anything.
+ */
+const BLOB_FETCH_CEILING_BYTES = 10 * 1024 * 1024; // 10 MiB
+
+/** Single-file shape of `GET /repos/{o}/{r}/contents/{path}`. */
+interface GitHubContentsFile {
+  readonly encoding: "base64" | "none";
+  readonly size: number;
+  readonly content: string;
+  readonly sha: string;
+}
+
+/** Shape of `GET /repos/{o}/{r}/git/blobs/{sha}`. */
+interface GitHubBlob {
+  readonly encoding: "base64";
+  readonly size: number;
+  readonly content: string;
+}
+
+/** Encode a repo-relative path per segment, preserving the slashes. */
+function encodePath(path: string): string {
+  return path.split("/").map(encodeURIComponent).join("/");
+}
+
+/**
+ * Creates a {@link WorkspaceFileReader} backed by the GitHub Contents API,
+ * with a Blob-API fallback for files above the Contents 1 MB cap.
+ *
+ * Uses the same client-side OAuth token as {@link useGitHubTreeLister}
+ * (`Authorization: Bearer`), inheriting its private-repo scope. Returns
+ * `undefined` when no token is present, mirroring the tree lister so callers
+ * can treat "no reader" and "no lister" identically.
+ *
+ * The reader itself:
+ * - Returns `null` when the entry is not a readable GitHub git repo
+ *   (non-git entry, missing/unparseable URL) — the "unsupported here" state.
+ * - **Throws** on a real failure: a non-OK response, or a directory path
+ *   (which the Contents API returns as a JSON array). Consumers surface these
+ *   as an error, distinct from the null "unsupported" state.
+ *
+ * @example
+ * ```tsx
+ * const gitHubConnection = useGitHubConnection(org);
+ * const fileReader = useGitHubFileReader(gitHubConnection.token);
+ * <SessionViewer workspaceFileReader={fileReader} />
+ * ```
+ */
+export function useGitHubFileReader(
+  token: string | null,
+): WorkspaceFileReader | undefined {
+  const reader = useCallback(
+    async (
+      entry: WorkspaceEntry,
+      path: string,
+    ): Promise<WorkspaceFileContent | null> => {
+      if (entry.type !== "git" || !entry.gitUrl || !token) return null;
+
+      const parsed = parseGitUrl(entry.gitUrl);
+      if (!parsed) return null;
+
+      const branch = entry.gitBranch || "main";
+      const url =
+        `${GITHUB_API}/${parsed.owner}/${parsed.repo}/contents/${encodePath(path)}` +
+        `?ref=${encodeURIComponent(branch)}`;
+
+      const resp = await fetch(url, {
+        headers: { Authorization: `Bearer ${token}` },
+      });
+      if (!resp.ok) {
+        throw new Error(
+          `GitHub content fetch failed for ${path} (HTTP ${resp.status})`,
+        );
+      }
+
+      const data: unknown = await resp.json();
+      // The Contents API returns an array for a directory — a misdirected read,
+      // not an unsupported substrate, so fail loudly rather than return null.
+      if (Array.isArray(data)) {
+        throw new Error(`Cannot read "${path}": path is a directory`);
+      }
+
+      const file = data as GitHubContentsFile;
+      if (file.encoding === "base64") {
+        return normalizeGitHubContent(base64ToBytes(file.content), file.size);
+      }
+
+      // encoding: "none" is GitHub's signal that the file exceeds the Contents
+      // API's ~1 MB cap; the bytes live only behind the Blob API.
+      return readViaBlob(parsed, file, token);
+    },
+    [token],
+  );
+
+  if (!token) return undefined;
+  return reader;
+}
+
+/**
+ * Gate 1 / Option B — size-gated blob fetch for files the Contents API refused
+ * (`encoding: "none"`). Isolated so the large-file policy can change without
+ * touching the reader's control flow.
+ */
+async function readViaBlob(
+  parsed: { owner: string; repo: string },
+  file: GitHubContentsFile,
+  token: string,
+): Promise<WorkspaceFileContent> {
+  // Above the ceiling we never download — GitHub already told us the size, so
+  // report it as too-large-to-preview without spending the bandwidth.
+  if (file.size > BLOB_FETCH_CEILING_BYTES) {
+    return {
+      text: null,
+      isBinary: false,
+      size: file.size,
+      encoding: "none",
+      truncated: true,
+    };
+  }
+
+  const url = `${GITHUB_API}/${parsed.owner}/${parsed.repo}/git/blobs/${file.sha}`;
+  const resp = await fetch(url, {
+    headers: { Authorization: `Bearer ${token}` },
+  });
+  if (!resp.ok) {
+    throw new Error(`GitHub blob fetch failed for ${file.sha} (HTTP ${resp.status})`);
+  }
+
+  const blob: GitHubBlob = await resp.json();
+  return normalizeGitHubContent(base64ToBytes(blob.content), blob.size);
+}

package/src/github/useGitHubSearch.ts

@@ -1,7 +1,7 @@
 "use client";
 
 import { useCallback, useEffect, useRef, useState } from "react";
-import type { GitHubRepo } from "./useGitHubRepos";
+import type { GitHubRepo } from "./useGitHubRepos.js";
 
 const GITHUB_SEARCH_API = "https://api.github.com/search/repositories";
 const DEBOUNCE_MS = 350;

package/src/github/useGitHubTreeLister.ts

@@ -1,9 +1,9 @@
 "use client";
 
 import { useCallback } from "react";
-import type { WorkspaceFileEntry, WorkspaceFileLister } from "../workspace/WorkspaceFileLister";
-import type { WorkspaceEntry } from "../workspace/useWorkspaceEntries";
-import { parseGitUrl } from "./parseGitUrl";
+import type { WorkspaceFileEntry, WorkspaceFileLister } from "../workspace/WorkspaceFileLister.js";
+import type { WorkspaceEntry } from "../workspace/useWorkspaceEntries.js";
+import { parseGitUrl } from "./parseGitUrl.js";
 
 const GITHUB_TREES_API = "https://api.github.com/repos";
 
@@ -22,12 +22,16 @@ interface GitHubTreeResponse {
 }
 
 /**
- * Sentinel entry appended to the listing when the GitHub API indicates
- * that the tree was truncated (repository exceeds the API's entry limit).
+ * Advisory entry appended to the listing when the GitHub API indicates that the
+ * tree was truncated (repository exceeds the API's entry limit). Flagged with
+ * `notice: true` so generic consumers treat it as a "results incomplete" banner
+ * rather than an openable file (see `workspaceListingCache`) — never a tree leaf,
+ * never a search hit.
  */
 const TRUNCATION_MARKER: WorkspaceFileEntry = {
   path: "... (tree truncated by GitHub — repository has too many files)",
   isDirectory: false,
+  notice: true,
 };
 
 /**

package/src/hooks.ts

@@ -2,7 +2,7 @@
 
 import { useContext } from "react";
 import type { Stigmer } from "@stigmer/sdk";
-import { StigmerContext } from "./context";
+import { StigmerContext } from "./context.js";
 
 /**
  * Access the {@link Stigmer} SDK client from the nearest

package/src/iam-policy/GrantAccessForm.tsx

@@ -9,9 +9,9 @@ import { IamPolicySpecSchema } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1
 import { ApiResourceRefSchema } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/spec_pb";
 import { cn } from "@stigmer/theme";
 import { getUserMessage, iamRoleToString } from "@stigmer/sdk";
-import { useCreateIamPolicy } from "./useCreateIamPolicy";
-import { RoleSelector } from "./RoleSelector";
-import { PrincipalPicker, type SelectedPrincipal } from "./PrincipalPicker";
+import { useCreateIamPolicy } from "./useCreateIamPolicy.js";
+import { RoleSelector } from "./RoleSelector.js";
+import { PrincipalPicker, type SelectedPrincipal } from "./PrincipalPicker.js";
 
 /** Props for {@link GrantAccessForm}. */
 export interface GrantAccessFormProps {

package/src/iam-policy/OrgMembersPanel.tsx

@@ -15,14 +15,14 @@ import {
   iamRoleFromString,
   iamRoleToString,
 } from "@stigmer/sdk";
-import { useResourceAccess } from "./useResourceAccess";
-import { usePrincipalsCount } from "./usePrincipalsCount";
-import { useWhoAmI } from "./useWhoAmI";
-import { useRevokeOrgAccess } from "./useRevokeOrgAccess";
-import { useCreateIamPolicy } from "./useCreateIamPolicy";
-import { useDeleteIamPolicy } from "./useDeleteIamPolicy";
-import { RoleSelector } from "./RoleSelector";
-import { ProviderBadge } from "./ProviderBadge";
+import { useResourceAccess } from "./useResourceAccess.js";
+import { usePrincipalsCount } from "./usePrincipalsCount.js";
+import { useWhoAmI } from "./useWhoAmI.js";
+import { useRevokeOrgAccess } from "./useRevokeOrgAccess.js";
+import { useCreateIamPolicy } from "./useCreateIamPolicy.js";
+import { useDeleteIamPolicy } from "./useDeleteIamPolicy.js";
+import { RoleSelector } from "./RoleSelector.js";
+import { ProviderBadge } from "./ProviderBadge.js";
 
 // ---------------------------------------------------------------------------
 // Public API

package/src/iam-policy/PeopleWithAccess.tsx

@@ -5,9 +5,9 @@ import type { ApiResourceKind } from "@stigmer/protos/ai/stigmer/commons/apireso
 import type { PrincipalAccess } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/io_pb";
 import { cn } from "@stigmer/theme";
 import { getUserMessage } from "@stigmer/sdk";
-import { useShareFlow, type ShareFlowResource } from "./useShareFlow";
-import { GrantAccessForm } from "./GrantAccessForm";
-import { PermissionGate } from "./PermissionGate";
+import { useShareFlow, type ShareFlowResource } from "./useShareFlow.js";
+import { GrantAccessForm } from "./GrantAccessForm.js";
+import { PermissionGate } from "./PermissionGate.js";
 
 /** Props for {@link PeopleWithAccess}. */
 export interface PeopleWithAccessProps {

package/src/iam-policy/PermissionGate.ts

@@ -4,7 +4,7 @@ import type { ReactNode } from "react";
 import {
   useCheckPermission,
   type PermissionCheckResource,
-} from "./useCheckPermission";
+} from "./useCheckPermission.js";
 
 /** Props for {@link PermissionGate}. */
 export interface PermissionGateProps {

package/src/iam-policy/PrincipalPicker.tsx

@@ -4,8 +4,8 @@ import { useCallback, useId, useMemo, useRef, useState } from "react";
 import type { ApiResourceRefView } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/io_pb";
 import { cn } from "@stigmer/theme";
 import { getUserMessage } from "@stigmer/sdk";
-import { useResourceAccess } from "./useResourceAccess";
-import { ProviderBadge, providerLabel } from "./ProviderBadge";
+import { useResourceAccess } from "./useResourceAccess.js";
+import { ProviderBadge, providerLabel } from "./ProviderBadge.js";
 
 /** A principal selected through {@link PrincipalPicker}. */
 export interface SelectedPrincipal {

package/src/iam-policy/RoleSelector.tsx

@@ -3,7 +3,7 @@
 import type { ApiResourceKind } from "@stigmer/protos/ai/stigmer/commons/apiresource/apiresourcekind/api_resource_kind_pb";
 import type { IamRole } from "@stigmer/protos/ai/stigmer/iam/v1/enum_pb";
 import { cn } from "@stigmer/theme";
-import { useRoleSelector } from "./useRoleSelector";
+import { useRoleSelector } from "./useRoleSelector.js";
 
 /** Props for {@link RoleSelector}. */
 export interface RoleSelectorProps {

package/src/iam-policy/SharePanel.tsx

@@ -2,8 +2,8 @@
 
 import type { ApiResourceKind } from "@stigmer/protos/ai/stigmer/commons/apiresource/apiresourcekind/api_resource_kind_pb";
 import { cn } from "@stigmer/theme";
-import type { ShareFlowResource } from "./useShareFlow";
-import { PeopleWithAccess } from "./PeopleWithAccess";
+import type { ShareFlowResource } from "./useShareFlow.js";
+import { PeopleWithAccess } from "./PeopleWithAccess.js";
 
 /** Props for {@link SharePanel}. */
 export interface SharePanelProps {

package/src/iam-policy/index.ts

@@ -1,84 +1,84 @@
 export {
   useGrantableRoles,
   type UseGrantableRolesReturn,
-} from "./useGrantableRoles";
+} from "./useGrantableRoles.js";
 
 export {
   useRoleSelector,
   type RoleOption,
   type UseRoleSelectorReturn,
-} from "./useRoleSelector";
+} from "./useRoleSelector.js";
 
 export {
   useResourceAccess,
   type ResourceAccessRef,
   type UseResourceAccessOptions,
   type UseResourceAccessReturn,
-} from "./useResourceAccess";
+} from "./useResourceAccess.js";
 
 export {
   usePrincipalsCount,
   type UsePrincipalsCountReturn,
-} from "./usePrincipalsCount";
+} from "./usePrincipalsCount.js";
 
 export {
   useWhoAmI,
   type UseWhoAmIReturn,
-} from "./useWhoAmI";
+} from "./useWhoAmI.js";
 
 export {
   useCreateIamPolicy,
   type UseCreateIamPolicyReturn,
-} from "./useCreateIamPolicy";
+} from "./useCreateIamPolicy.js";
 
 export {
   useDeleteIamPolicy,
   type UseDeleteIamPolicyReturn,
-} from "./useDeleteIamPolicy";
+} from "./useDeleteIamPolicy.js";
 
 export {
   useRevokeOrgAccess,
   type UseRevokeOrgAccessReturn,
-} from "./useRevokeOrgAccess";
+} from "./useRevokeOrgAccess.js";
 
-export { RoleSelector, type RoleSelectorProps } from "./RoleSelector";
+export { RoleSelector, type RoleSelectorProps } from "./RoleSelector.js";
 
 export {
   PrincipalPicker,
   type PrincipalPickerProps,
   type SelectedPrincipal,
-} from "./PrincipalPicker";
+} from "./PrincipalPicker.js";
 
 export {
   ProviderBadge,
   providerLabel,
   type ProviderBadgeProps,
-} from "./ProviderBadge";
+} from "./ProviderBadge.js";
 
-export { GrantAccessForm, type GrantAccessFormProps } from "./GrantAccessForm";
+export { GrantAccessForm, type GrantAccessFormProps } from "./GrantAccessForm.js";
 
 export {
   PeopleWithAccess,
   type PeopleWithAccessProps,
-} from "./PeopleWithAccess";
+} from "./PeopleWithAccess.js";
 
 export {
   OrgMembersPanel,
   type OrgMembersPanelProps,
-} from "./OrgMembersPanel";
+} from "./OrgMembersPanel.js";
 
 export {
   useShareFlow,
   type ShareFlowResource,
   type UseShareFlowReturn,
-} from "./useShareFlow";
+} from "./useShareFlow.js";
 
 export {
   useCheckPermission,
   type PermissionCheckResource,
   type UseCheckPermissionReturn,
-} from "./useCheckPermission";
+} from "./useCheckPermission.js";
 
-export { PermissionGate, type PermissionGateProps } from "./PermissionGate";
+export { PermissionGate, type PermissionGateProps } from "./PermissionGate.js";
 
-export { SharePanel, type SharePanelProps } from "./SharePanel";
+export { SharePanel, type SharePanelProps } from "./SharePanel.js";

package/src/iam-policy/useCheckPermission.ts

@@ -8,7 +8,7 @@ import {
 import {
   ApiResourceRefSchema,
 } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/spec_pb";
-import { useStigmer } from "../hooks";
+import { useStigmer } from "../hooks.js";
 
 /** Resource reference for permission checks. */
 export interface PermissionCheckResource {

package/src/iam-policy/useCreateIamPolicy.ts

@@ -3,8 +3,8 @@
 import { useCallback, useState } from "react";
 import type { IamPolicy } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/api_pb";
 import type { IamPolicySpec } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/spec_pb";
-import { useStigmer } from "../hooks";
-import { toError } from "../internal/toError";
+import { useStigmer } from "../hooks.js";
+import { toError } from "../internal/toError.js";
 
 /** Return value of {@link useCreateIamPolicy}. */
 export interface UseCreateIamPolicyReturn {

package/src/iam-policy/useDeleteIamPolicy.ts

@@ -3,8 +3,8 @@
 import { useCallback, useState } from "react";
 import type { IamPolicy } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/api_pb";
 import type { IamPolicySpec } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/spec_pb";
-import { useStigmer } from "../hooks";
-import { toError } from "../internal/toError";
+import { useStigmer } from "../hooks.js";
+import { toError } from "../internal/toError.js";
 
 /** Return value of {@link useDeleteIamPolicy}. */
 export interface UseDeleteIamPolicyReturn {

package/src/iam-policy/usePrincipalsCount.ts

@@ -2,8 +2,8 @@
 
 import { create } from "@bufbuild/protobuf";
 import { GetPrincipalsCountInputSchema } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/io_pb";
-import { useStigmer } from "../hooks";
-import { useFetch } from "../internal/useFetch";
+import { useStigmer } from "../hooks.js";
+import { useFetch } from "../internal/useFetch.js";
 
 /** Return value of {@link usePrincipalsCount}. */
 export interface UsePrincipalsCountReturn {

package/src/iam-policy/useResourceAccess.ts

@@ -6,8 +6,8 @@ import {
   ListResourceAccessInputSchema,
 } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/io_pb";
 import { ApiResourceRefSchema } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/spec_pb";
-import { useStigmer } from "../hooks";
-import { useFetch } from "../internal/useFetch";
+import { useStigmer } from "../hooks.js";
+import { useFetch } from "../internal/useFetch.js";
 
 /** Resource reference for the access query. */
 export interface ResourceAccessRef {

package/src/iam-policy/useRevokeOrgAccess.ts

@@ -3,8 +3,8 @@
 import { useCallback, useState } from "react";
 import { create } from "@bufbuild/protobuf";
 import { RevokeOrgAccessInputSchema } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/io_pb";
-import { useStigmer } from "../hooks";
-import { toError } from "../internal/toError";
+import { useStigmer } from "../hooks.js";
+import { toError } from "../internal/toError.js";
 
 /** Return value of {@link useRevokeOrgAccess}. */
 export interface UseRevokeOrgAccessReturn {

package/src/iam-policy/useShareFlow.ts

@@ -10,10 +10,10 @@ import {
   ApiResourceRefSchema,
 } from "@stigmer/protos/ai/stigmer/iam/iampolicy/v1/spec_pb";
 import { iamRoleToString } from "@stigmer/sdk";
-import { useResourceAccess, type ResourceAccessRef } from "./useResourceAccess";
-import { useCreateIamPolicy } from "./useCreateIamPolicy";
-import { useDeleteIamPolicy } from "./useDeleteIamPolicy";
-import { useGrantableRoles } from "./useGrantableRoles";
+import { useResourceAccess, type ResourceAccessRef } from "./useResourceAccess.js";
+import { useCreateIamPolicy } from "./useCreateIamPolicy.js";
+import { useDeleteIamPolicy } from "./useDeleteIamPolicy.js";
+import { useGrantableRoles } from "./useGrantableRoles.js";
 
 /** Identifies a resource for the share flow. */
 export interface ShareFlowResource {

package/src/iam-policy/useWhoAmI.ts

@@ -2,8 +2,8 @@
 
 import { useEffect, useRef, useState } from "react";
 import type { IdentityAccount } from "@stigmer/protos/ai/stigmer/iam/identityaccount/v1/api_pb";
-import { useStigmer } from "../hooks";
-import { toError } from "../internal/toError";
+import { useStigmer } from "../hooks.js";
+import { toError } from "../internal/toError.js";
 
 /** Return value of {@link useWhoAmI}. */
 export interface UseWhoAmIReturn {

package/src/identity-account/index.ts

@@ -2,4 +2,4 @@ export {
   useIdentityAccountGate,
   type IdentityAccountGateState,
   type UseIdentityAccountGateReturn,
-} from "./useIdentityAccountGate";
+} from "./useIdentityAccountGate.js";

package/src/identity-account/useIdentityAccountGate.ts

@@ -3,8 +3,8 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import type { IdentityAccount } from "@stigmer/protos/ai/stigmer/iam/identityaccount/v1/api_pb";
 import { isNotFound } from "@stigmer/sdk";
-import { useStigmer } from "../hooks";
-import { toError } from "../internal/toError";
+import { useStigmer } from "../hooks.js";
+import { toError } from "../internal/toError.js";
 
 // ---------------------------------------------------------------------------
 // Types

package/src/identity-provider/CreateIdentityProviderForm.tsx

@@ -5,7 +5,7 @@ import { cn } from "@stigmer/theme";
 import { getUserMessage } from "@stigmer/sdk";
 import type { IdentityProvider } from "@stigmer/protos/ai/stigmer/iam/identityprovider/v1/api_pb";
 import { IamRole } from "@stigmer/protos/ai/stigmer/iam/v1/enum_pb";
-import { useCreateIdentityProvider } from "./useCreateIdentityProvider";
+import { useCreateIdentityProvider } from "./useCreateIdentityProvider.js";
 
 /** Props for {@link CreateIdentityProviderForm}. */
 export interface CreateIdentityProviderFormProps {

package/src/identity-provider/IdentityProviderDetailPanel.tsx

@@ -6,7 +6,7 @@ import { getUserMessage } from "@stigmer/sdk";
 import type { IdentityProvider } from "@stigmer/protos/ai/stigmer/iam/identityprovider/v1/api_pb";
 import { IamRole } from "@stigmer/protos/ai/stigmer/iam/v1/enum_pb";
 import { timestampDate, type Timestamp } from "@bufbuild/protobuf/wkt";
-import { useUpdateIdentityProvider } from "./useUpdateIdentityProvider";
+import { useUpdateIdentityProvider } from "./useUpdateIdentityProvider.js";
 
 /** Props for {@link IdentityProviderDetailPanel}. */
 export interface IdentityProviderDetailPanelProps {

package/src/identity-provider/IdentityProviderListPanel.tsx

@@ -5,8 +5,8 @@ import { cn } from "@stigmer/theme";
 import { getUserMessage } from "@stigmer/sdk";
 import { timestampDate } from "@bufbuild/protobuf/wkt";
 import type { IdentityProvider } from "@stigmer/protos/ai/stigmer/iam/identityprovider/v1/api_pb";
-import { useIdentityProviderList } from "./useIdentityProviderList";
-import { useDeleteIdentityProvider } from "./useDeleteIdentityProvider";
+import { useIdentityProviderList } from "./useIdentityProviderList.js";
+import { useDeleteIdentityProvider } from "./useDeleteIdentityProvider.js";
 
 /** Props for {@link IdentityProviderListPanel}. */
 export interface IdentityProviderListPanelProps {

package/src/identity-provider/IdentityProviderWizard.tsx

@@ -9,10 +9,10 @@ import { cn } from "@stigmer/theme";
 import { getUserMessage } from "@stigmer/sdk";
 import type { IdentityProvider } from "@stigmer/protos/ai/stigmer/iam/identityprovider/v1/api_pb";
 import { IamRole } from "@stigmer/protos/ai/stigmer/iam/v1/enum_pb";
-import { ProviderPicker } from "./ProviderPicker";
-import { useCreateIdentityProvider } from "./useCreateIdentityProvider";
-import { useOidcDiscovery } from "./useOidcDiscovery";
-import type { ProviderPreset, ProviderConfig } from "./presets";
+import { ProviderPicker } from "./ProviderPicker.js";
+import { useCreateIdentityProvider } from "./useCreateIdentityProvider.js";
+import { useOidcDiscovery } from "./useOidcDiscovery.js";
+import type { ProviderPreset, ProviderConfig } from "./presets.js";
 
 /** Props for {@link IdentityProviderWizard}. */
 export interface IdentityProviderWizardProps {

package/src/identity-provider/ProviderPicker.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "@stigmer/theme";
-import { PROVIDER_PRESETS, type ProviderPreset } from "./presets";
+import { PROVIDER_PRESETS, type ProviderPreset } from "./presets.js";
 
 /** Props for {@link ProviderPicker}. */
 export interface ProviderPickerProps {

package/src/identity-provider/SsoLoginPrompt.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useRef, useState, type FormEvent, type Keyboard
 import { cn } from "@stigmer/theme";
 import { getUserMessage } from "@stigmer/sdk";
 import type { SsoProviderInfo } from "@stigmer/protos/ai/stigmer/iam/identityprovider/v1/io_pb";
-import { useSsoProvider } from "./useSsoProvider";
+import { useSsoProvider } from "./useSsoProvider.js";
 
 /** Props for {@link SsoLoginPrompt}. */
 export interface SsoLoginPromptProps {