spaps-issue-reporting-react 0.1.2 → 0.1.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.1.3] - 2026-04-20
+
+- Changed: publish the page-first report flow package metadata and align README metadata with the current package version.
+
+## [0.1.1] - 2026-04-05
+
+- Docs: align package README metadata with published version.
+
 ## [0.1.0] - 2026-03-29
 
 - Added the first shared React issue-reporting package for SPAPS consumers.

package/README.md

@@ -10,16 +10,16 @@ Examples in this README use placeholder IDs and app labels. Replace them with va
 npm install spaps-issue-reporting-react react react-dom @tanstack/react-query
 ```
 
-This package targets `Node.js >=18` and React 18+.
+This package targets `Node.js >=18` and React 18+. Voice input uses the package's `@elevenlabs/react` dependency and a SPAPS-minted single-use token.
 
 ## When It Fits
 
 | Need | Package gives you |
 | --- | --- |
 | A visible issue-report entry point | Floating button with open/recent state |
-| A guided reporting flow | Report mode, highlighted sections, create/edit/reply modal |
+| A guided reporting flow | Page-first create flow, optional section picking, create/edit/reply modal |
 | A lightweight integration contract | Any client that exposes `issueReporting.*` methods |
-| App-level control | Eligibility, reporter identity, scope, and copy stay in your app |
+| App-level control | Eligibility, reporter identity, scope, page policy, and copy stay in your app |
 
 ## Quick Start
 
@@ -27,6 +27,7 @@ This package targets `Node.js >=18` and React 18+.
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import {
   FloatingIssueReportButton,
+  IssueReportingPageConfig,
   IssueReportingProvider,
   ReportableSection,
 } from "spaps-issue-reporting-react";
@@ -42,9 +43,12 @@ export function AppShell() {
         isEligible={true}
         principalId="user_123"
         reporterRoleHint="staff"
-        allowTenantScope
         defaultScope="mine"
+        inputModes={["text", "voice"]}
+        defaultInputMode="text"
       >
+        <IssueReportingPageConfig createMode="surface_preferred" />
+
         <ReportableSection
           reportableName={{
             componentKey: "patient_chart",
@@ -66,24 +70,72 @@ export function AppShell() {
 ## What Your App Still Owns
 
 - A client with `issueReporting.getStatus`, `list`, `get`, `create`, `update`, and `reply`.
+- A client with `issueReporting.createVoiceToken` when `inputModes` includes `voice`.
 - Any auth and token refresh behavior needed by that client.
 - Eligibility rules such as feature flags, account state, or role checks.
 - The current principal ID and optional role hint passed into the provider.
-- Whether users can switch between `mine` and `tenant` queue scope.
+- Whether users can switch between `mine` and a custom tenant queue scope. The stock SPAPS API
+  supports `mine` only; use `allowTenantScope` only with a client that implements tenant reads.
+- Whether a page defaults to `general_page`, `surface_required`, or `surface_preferred` reporting.
+- Whether the app allows `["text"]`, `["voice"]`, or `["text", "voice"]` report input.
 - Styling integration if your build strips package utility classes.
 - Any app-specific copy overrides.
 - Origin registration on the owning SPAPS application if the browser calls SPAPS directly with a publishable key.
 
 For direct browser integrations, `allowed_origins` is stored on the SPAPS `applications` row that owns the publishable key. It is not configured on this package. If multiple hostnames share one SPAPS application, put all of them on that row. Updating `allowed_origins` does not require restarting SPAPS.
 
+## Voice Input
+
+Voice mode is opt-in per app. Configure the owning SPAPS application with either:
+
+```json
+{
+  "issue_reporting_input_modes": ["text", "voice"]
+}
+```
+
+or:
+
+```json
+{
+  "issue_reporting": {
+    "input_modes": ["voice"]
+  }
+}
+```
+
+The SPAPS server also needs `ELEVENLABS_API_KEY`. The browser calls your normal SPAPS client, which mints a short-lived Scribe token through `issueReporting.createVoiceToken()`. The committed transcript is submitted as the issue `note`; raw audio is not stored by this package.
+
+```tsx
+<IssueReportingProvider
+  client={spaps}
+  isEligible={true}
+  inputModes={["voice"]}
+  defaultInputMode="voice"
+  voice={{
+    modelId: "scribe_v2_realtime",
+    microphone: {
+      echoCancellation: true,
+      noiseSuppression: true,
+      autoGainControl: true,
+    },
+  }}
+>
+  <FloatingIssueReportButton />
+</IssueReportingProvider>
+```
+
+When text and voice are both enabled, the modal keeps the textarea available and lets the user append a committed transcript into the editable note.
+
 ## Exported Surface
 
 | Export | Purpose |
 | --- | --- |
 | `IssueReportingProvider` | Owns queries, modal state, copy, scope, and report-mode behavior |
+| `IssueReportingPageConfig` | Per-page override for `general_page`, `surface_required`, or `surface_preferred` create policy |
 | `FloatingIssueReportButton` | Renders the floating entry point, popover, and modal |
 | `ReportableSection` | Marks a region as selectable when report mode is active |
-| `useIssueReporting` | Full provider state, including `enterReportMode()` |
+| `useIssueReporting` | Full provider state, including `startNewIssue()`, `openPageIssueModal()`, and `enterReportMode()` |
 | `useIssueReportingStatus` | Query helper for summary state |
 | `useIssueReportingHistory` | Query helper for filtered history lists |
 | `useIssueReportingMutations` | Mutation helpers for create, update, and reply flows |
@@ -111,18 +163,35 @@ npm test
 
 Make sure `FloatingIssueReportButton` is rendered inside `IssueReportingProvider` and that `isEligible` is `true`.
 
+### I want page-level reporting without wrapping every widget
+
+That is the default. `Report This Page` opens immediately and captures the current route plus the inventory of visible registered reportable sections on the active page.
+
 ### Report mode turns on, but sections do not respond
 
 Wrap the target UI in `ReportableSection`, or call `useIssueReporting().selectPanel(...)` from a custom control.
 
+### This page should force a specific surface selection
+
+Render `IssueReportingPageConfig` with `createMode="surface_required"` inside that page's visible provider subtree. Hidden mounted routes, tabs, or panels do not affect the active page's policy.
+
 ### Tenant scope never appears
 
-Set `allowTenantScope={true}`. The provider defaults to `mine`.
+The stock SPAPS API supports `mine` only. Set `allowTenantScope={true}` only when your client
+implements tenant-scoped `getStatus` and `list` calls.
 
 ### Styles look unformatted
 
 Include the package in your Tailwind or CSS-content scan, or override the rendered classes in your host app.
 
+### Voice controls do not appear
+
+Pass `inputModes={["voice"]}` or `inputModes={["text", "voice"]}` to the provider, and enable `voice` in the owning SPAPS application's issue-reporting settings.
+
+### Voice starts with a token error
+
+Confirm that the SPAPS server has `ELEVENLABS_API_KEY` set and that the current user is authenticated and eligible for issue reporting.
+
 ## Limitations
 
 - This package assumes React Query is already part of the host app.
@@ -139,6 +208,10 @@ No. You only need a client object that implements the `issueReporting` methods e
 
 Yes. Use `useIssueReporting().enterReportMode()` inside the provider tree.
 
+### Can I open a page-level report from my own button?
+
+Yes. Use `useIssueReporting().openPageIssueModal()` or `useIssueReporting().startNewIssue()`.
+
 ### Can I report plain strings instead of structured descriptors?
 
 Yes. `reportableName` accepts either a string or a `{ componentKey, componentLabel, ... }` object.
@@ -155,6 +228,13 @@ No. It only renders scope choices that your app explicitly allows.
 
 No. This package is UI only. If your browser app calls SPAPS directly with a publishable key, the relevant SPAPS application row must include that browser origin in `allowed_origins`.
 
+## Metadata
+
+- `package_name`: `spaps-issue-reporting-react`
+- `latest_version`: `0.1.3`
+- `minimum_runtime`: `Node.js >=18.0.0`
+- `api_base_url`: `https://api.sweetpotato.dev`
+
 ## About Contributions
 
 > *About Contributions:* Please don't take this the wrong way, but I do not accept outside contributions for any of my projects. I simply don't have the mental bandwidth to review anything, and it's my name on the thing, so I'm responsible for any problems it causes; thus, the risk-reward is highly asymmetric from my perspective. I'd also have to worry about other "stakeholders," which seems unwise for tools I mostly make for myself for free. Feel free to submit issues, and even PRs if you want to illustrate a proposed fix, but know I won't merge them directly. Instead, I'll have Claude or Codex review submissions via `gh` and independently decide whether and how to address them. Bug reports in particular are welcome. Sorry if this offends, but I want to avoid wasted time and hurt feelings. I understand this isn't in sync with the prevailing open-source ethos that seeks community contributions, but it's the only way I can move at this velocity and keep my sanity.

package/dist/index.d.mts

@@ -2,11 +2,24 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as spaps_types from 'spaps-types';
-import { IssueReportScope, IssueReportStatusResult, IssueReportStatus, IssueReportListResult, IssueReport, CreateIssueReportRequest, UpdateIssueReportRequest, ReplyIssueReportRequest } from 'spaps-types';
+import { IssueReportScope, IssueReportStatusResult, IssueReportStatus, IssueReportListResult, IssueReport, CreateIssueReportRequest, UpdateIssueReportRequest, ReplyIssueReportRequest, IssueReportingVoiceTokenResult, IssueReportingInputMode, IssueReportingVoiceProvider } from 'spaps-types';
 export { CreateIssueReportRequest, IssueReport, IssueReportListResult, IssueReportScope, IssueReportStatus, IssueReportStatusResult, ReplyIssueReportRequest, UpdateIssueReportRequest } from 'spaps-types';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+interface IssueReportingVoiceMicrophoneConfig {
+    deviceId?: string;
+    echoCancellation?: boolean;
+    noiseSuppression?: boolean;
+    autoGainControl?: boolean;
+    channelCount?: number;
+}
+interface IssueReportingVoiceConfig {
+    provider?: IssueReportingVoiceProvider;
+    modelId?: string;
+    requireMicrophonePermission?: boolean;
+    microphone?: IssueReportingVoiceMicrophoneConfig;
+}
 interface IssueReportingClient {
     issueReporting: {
         getStatus: (params?: {
@@ -22,6 +35,7 @@ interface IssueReportingClient {
         create: (payload: CreateIssueReportRequest) => Promise<IssueReport>;
         update: (issueReportId: string, payload: UpdateIssueReportRequest) => Promise<IssueReport>;
         reply: (issueReportId: string, payload: ReplyIssueReportRequest) => Promise<IssueReport>;
+        createVoiceToken?: () => Promise<IssueReportingVoiceTokenResult>;
     };
 }
 interface ReportableTargetDescriptor {
@@ -31,11 +45,14 @@ interface ReportableTargetDescriptor {
     metadata?: Record<string, unknown>;
 }
 type ReportableInput = string | ReportableTargetDescriptor;
+type IssueReportingCreateMode = "general_page" | "surface_required" | "surface_preferred";
 type IssueHistoryFilter = "all" | "unresolved" | "resolved";
 interface IssueReportingCopy {
     entryAriaLabel: string;
     popoverTitle: string;
     reportNewAction: string;
+    reportPageAction: string;
+    reportSpecificAction: string;
     filtersAll: string;
     filtersUnresolved: string;
     filtersResolved: string;
@@ -52,6 +69,9 @@ interface IssueReportingCopy {
     reportModeTitle: string;
     reportModeDescription: string;
     reportModeCancelAction: string;
+    generalPageTargetLabel: string;
+    surfaceRequiredDescription: string;
+    specificSectionUnavailableDescription: string;
     createTitlePrefix: string;
     editTitlePrefix: string;
     replyTitlePrefix: string;
@@ -82,6 +102,10 @@ interface IssueReportingProviderProps {
     getPageUrl?: () => string;
     defaultScope?: IssueReportScope;
     allowTenantScope?: boolean;
+    defaultCreateMode?: IssueReportingCreateMode;
+    inputModes?: IssueReportingInputMode[];
+    defaultInputMode?: IssueReportingInputMode;
+    voice?: IssueReportingVoiceConfig;
     copy?: Partial<IssueReportingCopy>;
     children: ReactNode;
 }
@@ -89,6 +113,9 @@ interface FloatingIssueReportButtonProps {
     className?: string;
     positionClassName?: string;
 }
+interface IssueReportingPageConfigProps {
+    createMode: IssueReportingCreateMode;
+}
 
 declare function FloatingIssueReportButton({ className, positionClassName, }: FloatingIssueReportButtonProps): react_jsx_runtime.JSX.Element | null;
 declare function ReportableSection({ reportableName, children, className, as: Component, }: {
@@ -96,7 +123,7 @@ declare function ReportableSection({ reportableName, children, className, as: Co
     children: React__default.ReactNode;
     className?: string;
     as?: keyof JSX.IntrinsicElements;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
 
 type ModalMode = "create" | "edit" | "reply";
 type ResolvedTarget = {
@@ -122,9 +149,12 @@ type IssueReportingContextValue = {
     principalId: string | null;
     copy: IssueReportingCopy;
     isReportMode: boolean;
+    hasRegisteredTargets: boolean;
     enterReportMode: () => void;
     cancelReportMode: () => void;
     selectPanel: (target: ReportableInput) => void;
+    openPageIssueModal: () => void;
+    startNewIssue: () => void;
     isPopoverOpen: boolean;
     openPopover: () => void;
     closePopover: () => void;
@@ -135,6 +165,12 @@ type IssueReportingContextValue = {
     scope: IssueReportScope;
     setScope: (scope: IssueReportScope) => void;
     allowTenantScope: boolean;
+    createMode: IssueReportingCreateMode;
+    inputModes: IssueReportingInputMode[];
+    defaultInputMode: IssueReportingInputMode;
+    voice: Required<Pick<IssueReportingVoiceConfig, "provider" | "modelId" | "requireMicrophonePermission">> & {
+        microphone?: IssueReportingVoiceConfig["microphone"];
+    };
 };
 declare const defaultIssueReportingCopy: IssueReportingCopy;
 declare const issueReportingKeys: {
@@ -155,6 +191,7 @@ declare function getEntryPointState(status?: {
 declare function getEntryPointClassName(state: "open" | "recent_resolved" | "neutral"): string;
 declare function getIssueNoteLengthMessage(note: string, copy: IssueReportingCopy): string;
 declare function useIssueReporting(): IssueReportingContextValue;
+declare function IssueReportingPageConfig({ createMode, }: IssueReportingPageConfigProps): react_jsx_runtime.JSX.Element;
 declare function useIssueReportingStatus(): _tanstack_react_query.UseQueryResult<spaps_types.IssueReportStatusResult, Error>;
 declare function useIssueReportingHistory(filter?: IssueHistoryFilter): {
     items: IssueReport[];
@@ -347,14 +384,17 @@ declare function useIssueReportingMutations(): {
         reporterRoleHint?: string;
     }, unknown>;
 };
-declare function IssueReportingProvider({ client, isEligible, reporterRoleHint, principalId, getPageUrl, defaultScope, allowTenantScope, copy, children, }: IssueReportingProviderProps): react_jsx_runtime.JSX.Element;
+declare function IssueReportingProvider({ client, isEligible, reporterRoleHint, principalId, getPageUrl, defaultScope, allowTenantScope, defaultCreateMode, inputModes, defaultInputMode, voice, copy, children, }: IssueReportingProviderProps): react_jsx_runtime.JSX.Element;
 
 interface ReportModeContextValue {
     isReportMode: boolean;
     selectPanel: (target: ReportableInput) => void;
     cancelReportMode: () => void;
+    hasRegisteredTargets: boolean;
+    registerTarget: (id: symbol, target: ReportableInput, getElement: () => Element | null) => void;
+    unregisterTarget: (id: symbol) => void;
 }
 declare const ReportModeContext: React.Context<ReportModeContextValue | null>;
 declare function useReportMode(): ReportModeContextValue | null;
 
-export { FloatingIssueReportButton, type FloatingIssueReportButtonProps, type IssueHistoryFilter, type IssueReportingClient, type IssueReportingCopy, IssueReportingProvider, type IssueReportingProviderProps, ReportModeContext, type ReportModeContextValue, type ReportableInput, ReportableSection, type ReportableTargetDescriptor, defaultIssueReportingCopy, filterIssueReports, getEntryPointClassName, getEntryPointState, getIssueNoteLengthMessage, getIssueStatusBadgeLabel, getIssueStatusClassName, isClosedIssueStatus, isOpenIssueStatus, issueReportingKeys, useIssueReporting, useIssueReportingHistory, useIssueReportingMutations, useIssueReportingStatus, useReportMode };
+export { FloatingIssueReportButton, type FloatingIssueReportButtonProps, type IssueHistoryFilter, type IssueReportingClient, type IssueReportingCopy, type IssueReportingCreateMode, IssueReportingPageConfig, type IssueReportingPageConfigProps, IssueReportingProvider, type IssueReportingProviderProps, ReportModeContext, type ReportModeContextValue, type ReportableInput, ReportableSection, type ReportableTargetDescriptor, defaultIssueReportingCopy, filterIssueReports, getEntryPointClassName, getEntryPointState, getIssueNoteLengthMessage, getIssueStatusBadgeLabel, getIssueStatusClassName, isClosedIssueStatus, isOpenIssueStatus, issueReportingKeys, useIssueReporting, useIssueReportingHistory, useIssueReportingMutations, useIssueReportingStatus, useReportMode };

package/dist/index.d.ts

@@ -2,11 +2,24 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as spaps_types from 'spaps-types';
-import { IssueReportScope, IssueReportStatusResult, IssueReportStatus, IssueReportListResult, IssueReport, CreateIssueReportRequest, UpdateIssueReportRequest, ReplyIssueReportRequest } from 'spaps-types';
+import { IssueReportScope, IssueReportStatusResult, IssueReportStatus, IssueReportListResult, IssueReport, CreateIssueReportRequest, UpdateIssueReportRequest, ReplyIssueReportRequest, IssueReportingVoiceTokenResult, IssueReportingInputMode, IssueReportingVoiceProvider } from 'spaps-types';
 export { CreateIssueReportRequest, IssueReport, IssueReportListResult, IssueReportScope, IssueReportStatus, IssueReportStatusResult, ReplyIssueReportRequest, UpdateIssueReportRequest } from 'spaps-types';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+interface IssueReportingVoiceMicrophoneConfig {
+    deviceId?: string;
+    echoCancellation?: boolean;
+    noiseSuppression?: boolean;
+    autoGainControl?: boolean;
+    channelCount?: number;
+}
+interface IssueReportingVoiceConfig {
+    provider?: IssueReportingVoiceProvider;
+    modelId?: string;
+    requireMicrophonePermission?: boolean;
+    microphone?: IssueReportingVoiceMicrophoneConfig;
+}
 interface IssueReportingClient {
     issueReporting: {
         getStatus: (params?: {
@@ -22,6 +35,7 @@ interface IssueReportingClient {
         create: (payload: CreateIssueReportRequest) => Promise<IssueReport>;
         update: (issueReportId: string, payload: UpdateIssueReportRequest) => Promise<IssueReport>;
         reply: (issueReportId: string, payload: ReplyIssueReportRequest) => Promise<IssueReport>;
+        createVoiceToken?: () => Promise<IssueReportingVoiceTokenResult>;
     };
 }
 interface ReportableTargetDescriptor {
@@ -31,11 +45,14 @@ interface ReportableTargetDescriptor {
     metadata?: Record<string, unknown>;
 }
 type ReportableInput = string | ReportableTargetDescriptor;
+type IssueReportingCreateMode = "general_page" | "surface_required" | "surface_preferred";
 type IssueHistoryFilter = "all" | "unresolved" | "resolved";
 interface IssueReportingCopy {
     entryAriaLabel: string;
     popoverTitle: string;
     reportNewAction: string;
+    reportPageAction: string;
+    reportSpecificAction: string;
     filtersAll: string;
     filtersUnresolved: string;
     filtersResolved: string;
@@ -52,6 +69,9 @@ interface IssueReportingCopy {
     reportModeTitle: string;
     reportModeDescription: string;
     reportModeCancelAction: string;
+    generalPageTargetLabel: string;
+    surfaceRequiredDescription: string;
+    specificSectionUnavailableDescription: string;
     createTitlePrefix: string;
     editTitlePrefix: string;
     replyTitlePrefix: string;
@@ -82,6 +102,10 @@ interface IssueReportingProviderProps {
     getPageUrl?: () => string;
     defaultScope?: IssueReportScope;
     allowTenantScope?: boolean;
+    defaultCreateMode?: IssueReportingCreateMode;
+    inputModes?: IssueReportingInputMode[];
+    defaultInputMode?: IssueReportingInputMode;
+    voice?: IssueReportingVoiceConfig;
     copy?: Partial<IssueReportingCopy>;
     children: ReactNode;
 }
@@ -89,6 +113,9 @@ interface FloatingIssueReportButtonProps {
     className?: string;
     positionClassName?: string;
 }
+interface IssueReportingPageConfigProps {
+    createMode: IssueReportingCreateMode;
+}
 
 declare function FloatingIssueReportButton({ className, positionClassName, }: FloatingIssueReportButtonProps): react_jsx_runtime.JSX.Element | null;
 declare function ReportableSection({ reportableName, children, className, as: Component, }: {
@@ -96,7 +123,7 @@ declare function ReportableSection({ reportableName, children, className, as: Co
     children: React__default.ReactNode;
     className?: string;
     as?: keyof JSX.IntrinsicElements;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
 
 type ModalMode = "create" | "edit" | "reply";
 type ResolvedTarget = {
@@ -122,9 +149,12 @@ type IssueReportingContextValue = {
     principalId: string | null;
     copy: IssueReportingCopy;
     isReportMode: boolean;
+    hasRegisteredTargets: boolean;
     enterReportMode: () => void;
     cancelReportMode: () => void;
     selectPanel: (target: ReportableInput) => void;
+    openPageIssueModal: () => void;
+    startNewIssue: () => void;
     isPopoverOpen: boolean;
     openPopover: () => void;
     closePopover: () => void;
@@ -135,6 +165,12 @@ type IssueReportingContextValue = {
     scope: IssueReportScope;
     setScope: (scope: IssueReportScope) => void;
     allowTenantScope: boolean;
+    createMode: IssueReportingCreateMode;
+    inputModes: IssueReportingInputMode[];
+    defaultInputMode: IssueReportingInputMode;
+    voice: Required<Pick<IssueReportingVoiceConfig, "provider" | "modelId" | "requireMicrophonePermission">> & {
+        microphone?: IssueReportingVoiceConfig["microphone"];
+    };
 };
 declare const defaultIssueReportingCopy: IssueReportingCopy;
 declare const issueReportingKeys: {
@@ -155,6 +191,7 @@ declare function getEntryPointState(status?: {
 declare function getEntryPointClassName(state: "open" | "recent_resolved" | "neutral"): string;
 declare function getIssueNoteLengthMessage(note: string, copy: IssueReportingCopy): string;
 declare function useIssueReporting(): IssueReportingContextValue;
+declare function IssueReportingPageConfig({ createMode, }: IssueReportingPageConfigProps): react_jsx_runtime.JSX.Element;
 declare function useIssueReportingStatus(): _tanstack_react_query.UseQueryResult<spaps_types.IssueReportStatusResult, Error>;
 declare function useIssueReportingHistory(filter?: IssueHistoryFilter): {
     items: IssueReport[];
@@ -347,14 +384,17 @@ declare function useIssueReportingMutations(): {
         reporterRoleHint?: string;
     }, unknown>;
 };
-declare function IssueReportingProvider({ client, isEligible, reporterRoleHint, principalId, getPageUrl, defaultScope, allowTenantScope, copy, children, }: IssueReportingProviderProps): react_jsx_runtime.JSX.Element;
+declare function IssueReportingProvider({ client, isEligible, reporterRoleHint, principalId, getPageUrl, defaultScope, allowTenantScope, defaultCreateMode, inputModes, defaultInputMode, voice, copy, children, }: IssueReportingProviderProps): react_jsx_runtime.JSX.Element;
 
 interface ReportModeContextValue {
     isReportMode: boolean;
     selectPanel: (target: ReportableInput) => void;
     cancelReportMode: () => void;
+    hasRegisteredTargets: boolean;
+    registerTarget: (id: symbol, target: ReportableInput, getElement: () => Element | null) => void;
+    unregisterTarget: (id: symbol) => void;
 }
 declare const ReportModeContext: React.Context<ReportModeContextValue | null>;
 declare function useReportMode(): ReportModeContextValue | null;
 
-export { FloatingIssueReportButton, type FloatingIssueReportButtonProps, type IssueHistoryFilter, type IssueReportingClient, type IssueReportingCopy, IssueReportingProvider, type IssueReportingProviderProps, ReportModeContext, type ReportModeContextValue, type ReportableInput, ReportableSection, type ReportableTargetDescriptor, defaultIssueReportingCopy, filterIssueReports, getEntryPointClassName, getEntryPointState, getIssueNoteLengthMessage, getIssueStatusBadgeLabel, getIssueStatusClassName, isClosedIssueStatus, isOpenIssueStatus, issueReportingKeys, useIssueReporting, useIssueReportingHistory, useIssueReportingMutations, useIssueReportingStatus, useReportMode };
+export { FloatingIssueReportButton, type FloatingIssueReportButtonProps, type IssueHistoryFilter, type IssueReportingClient, type IssueReportingCopy, type IssueReportingCreateMode, IssueReportingPageConfig, type IssueReportingPageConfigProps, IssueReportingProvider, type IssueReportingProviderProps, ReportModeContext, type ReportModeContextValue, type ReportableInput, ReportableSection, type ReportableTargetDescriptor, defaultIssueReportingCopy, filterIssueReports, getEntryPointClassName, getEntryPointState, getIssueNoteLengthMessage, getIssueStatusBadgeLabel, getIssueStatusClassName, isClosedIssueStatus, isOpenIssueStatus, issueReportingKeys, useIssueReporting, useIssueReportingHistory, useIssueReportingMutations, useIssueReportingStatus, useReportMode };