@semiont/react-ui 0.3.7 → 0.4.0

package/dist/{EventBusContext-CLnb2LmB.d.mts → EventBusContext-DUIMowqQ.d.mts}

@@ -43,6 +43,8 @@ interface OpenResource {
     order?: number;
     /** Media type for icon display (e.g., 'application/pdf', 'text/plain') */
     mediaType?: string;
+    /** Working-tree URI (e.g. "file://docs/overview.md") — used as tooltip in navigation */
+    storageUri?: string;
 }
 interface OpenResourcesManager {
     /** List of currently open resources */
@@ -52,8 +54,9 @@ interface OpenResourcesManager {
      * @param id - Unique resource identifier
      * @param name - Display name of the resource
      * @param mediaType - Optional media type for icon display
+     * @param storageUri - Optional working-tree URI (e.g. "file://docs/overview.md")
      */
-    addResource: (id: string, name: string, mediaType?: string) => void;
+    addResource: (id: string, name: string, mediaType?: string, storageUri?: string) => void;
     /**
      * Remove a resource from the open list
      * @param id - Resource identifier to remove
@@ -174,4 +177,4 @@ declare function EventBusProvider({ children }: EventBusProviderProps): react_js
  */
 declare function useEventBus(): EventBus;
 
-export { EventBusProvider as E, type OpenResourcesManager as O, type SessionManager as S, type TranslationManager as T, type EventBusProviderProps as a, type OpenResource as b, type SessionState as c, resetEventBusForTesting as r, useEventBus as u };
+export { EventBusProvider as E, type OpenResourcesManager as O, type SessionManager as S, type TranslationManager as T, type OpenResource as a, type EventBusProviderProps as b, type SessionState as c, resetEventBusForTesting as r, useEventBus as u };

package/dist/index.d.mts

@@ -3,8 +3,8 @@ import { components, ResourceId, Selector, AnnotationId, ResourceEvent, EventMap
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ComponentType, ReactNode, KeyboardEvent as KeyboardEvent$1, Component, ErrorInfo, Ref } from 'react';
-import { O as OpenResourcesManager, S as SessionManager, T as TranslationManager } from './EventBusContext-CLnb2LmB.mjs';
-export { E as EventBusProvider, a as EventBusProviderProps, b as OpenResourceFromManager, c as SessionState, r as resetEventBusForTesting, u as useEventBus } from './EventBusContext-CLnb2LmB.mjs';
+import { O as OpenResourcesManager, S as SessionManager, T as TranslationManager, a as OpenResource } from './EventBusContext-DUIMowqQ.mjs';
+export { E as EventBusProvider, b as EventBusProviderProps, c as SessionState, r as resetEventBusForTesting, u as useEventBus } from './EventBusContext-DUIMowqQ.mjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseQueryOptions } from '@tanstack/react-query';
 import { SemiontApiClient, ValidationResult } from '@semiont/api-client';
@@ -398,6 +398,7 @@ declare function useResources(): {
             creationMethod?: string;
             sourceAnnotationId?: string;
             sourceResourceId?: string;
+            storageUri: string;
         }, unknown>;
     };
     update: {
@@ -2654,16 +2655,6 @@ interface SimpleNavigationProps$1 {
  */
 declare function SimpleNavigation({ title, items, currentPath, LinkComponent, dropdownContent, isCollapsed, icons, collapseSidebarLabel, expandSidebarLabel }: SimpleNavigationProps$1): react_jsx_runtime.JSX.Element;
 
-/**
- * Represents an open resource/document in the navigation
- */
-interface OpenResource {
-    id: string;
-    name: string;
-    openedAt: number;
-    mediaType?: string;
-    order?: number;
-}
 /**
  * Props for the sortable resource tab component
  */
@@ -2754,6 +2745,7 @@ interface SimpleNavigationProps {
 
 interface GenerationConfig {
     title: string;
+    storagePath: string;
     prompt?: string;
     language: string;
     temperature: number;
@@ -3858,6 +3850,7 @@ interface ResourceComposePageProps {
 interface SaveResourceParams {
     mode: 'new' | 'clone' | 'reference';
     name: string;
+    storageUri: string;
     content?: string;
     file?: File;
     format?: string;
@@ -4148,6 +4141,7 @@ interface YieldFlowState {
     generationProgress: YieldProgress | null;
     onGenerateDocument: (referenceId: string, options: {
         title: string;
+        storageUri: string;
         prompt?: string;
         language?: string;
         temperature?: number;
@@ -4219,4 +4213,4 @@ declare function useContextGatherFlow(eventBus: EventBus, config: ContextGatherF
 
 declare function useBindFlow(rUri: ResourceId): void;
 
-export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminExchangePage, type AdminExchangePageProps, type AdminExchangePageTranslations, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateReferencesProgressWidget, AnnotateToolbar, AnnotateView, type Annotation$k as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AssistSection, AsyncErrorBoundary, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, AuthTokenProvider, type AuthTokenProviderProps, type AvailableLocale, type BeckonFlowState, type BorderRadiusToken, BrowseView, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COMMON_PANELS, type CacheManager, CacheProvider, type CacheProviderProps, type ClickAction, CodeMirrorRenderer, CollaborationPanel, CollapsibleResourceNavigation, type CollapsibleResourceNavigationProps, type ColorToken, CommentEntry, CommentsPanel, ComposeLoadingState, type ComposeLoadingStateProps, type ContextGatherFlowConfig, type ContextGatherFlowState, type CreateAnnotationParams, type CreateConfig, type DeleteAnnotationParams, type DetectionConfig, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, ExportCard, type ExportCardProps, type ExportCardTranslations, Footer, HOVER_DELAY_MS, HighlightEntry, HighlightPanel, HistoryEvent, type HoverEmitterProps, type HoverHandlers, ImageURLSchema, ImageViewer, ImportCard, type ImportCardProps, type ImportCardTranslations, type ImportPreview, ImportProgress, type ImportProgressProps, type ImportProgressTranslations, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LinkedDataPage, type LinkedDataPageProps, type LinkedDataPageTranslations, LiveRegionProvider, type MarkFlowState, type Motivation$8 as Motivation, type NavigationItem, NavigationMenu, type NavigationMenuHelper, type NavigationProps, type OAuthProvider, type OAuthUser, OAuthUserSchema, ObservableLink, type ObservableLinkProps, type OpenResource, OpenResourcesManager, OpenResourcesProvider, type OverlayAnnotation, PageLayout, type PanelBrowseState, PanelHeader, PopupContainer, PopupHeader, ProposeEntitiesModal, QUERY_KEYS, RESOURCE_PANELS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferenceWizardModal, type ReferenceWizardModalProps, ReferencesPanel, ResizeHandle, type ResolvedTheme, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, ResourceInfoPanel, ResourceLoadingState, ResourceSearchModal, type ResourceSearchModalProps, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SearchModal, type SearchModalProps, SelectedTextDisplay, type SelectionMotivation, type SelectorType, SemiontBranding, SemiontFavicon, type SemiontResource$4 as SemiontResource, SessionExpiryBanner, SessionManager, SessionProvider, SessionTimer, SettingsPanel, type ShadowToken, type ShapeType, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, SimpleNavigation, type SimpleNavigationItem, type SimpleNavigationProps, SkipLinks, SortableResourceTab, type SortableResourceTabProps, type SpacingToken, StatisticsPanel, StatusDisplay, type StreamStatus, SvgDrawingCanvas, TagEntry, TagSchemasPage, type TagSchemasPageProps, TaggingPanel, type TextSegment, type TextSelection, type Theme, ThemeProvider, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, type TransitionToken, TranslationManager, TranslationProvider, type TranslationProviderProps, type TypographyToken, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, type UseResourceContentResult, UserMenuSkeleton, WelcomePage, type WelcomePageProps, type YieldFlowState, applyHighlights, buildSourceToRenderedMap, buildTextNodeIndex, buttonStyles, clearHighlights, createHoverHandlers, cssVariables, dispatch401Error, dispatch403Error, dispatchAuthEvent, faviconPaths, formatTime, generateCSSVariables, getResourceIcon, getSelectedShapeForSelectorType, getSelectorType, getShortcutDisplay, getSupportedShapes, hideWidgetPreview, isShapeSupported, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, resolveAnnotationRanges, sanitizeImageURL, saveSelectedShapeForSelectorType, showWidgetPreview, supportsDetection, toOverlayAnnotations, tokens, useAdmin, useAnnotationManager, useAnnotations, useApiClient, useAuthApi, useAuthToken, useBeckonFlow, useBindFlow, useCacheManager, useContextGatherFlow, useDebounce, useDebouncedCallback, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useEventSubscription, useEventSubscriptions, useFormAnnouncements, useGlobalEvents, useHealth, useHoverDelay, useHoverEmitter, useIsTyping, useKeyboardShortcuts, useLanguageChangeAnnouncements, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useMarkFlow, useModeration, useObservableExternalNavigation, useObservableRouter, useOpenResources, usePanelBrowse, usePanelWidth, usePreloadTranslations, useResourceAnnotations, useResourceContent, useResourceEvents, useResourceLoadingAnnouncements, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useTranslations, useYieldFlow };
+export { ANNOTATORS, AUTH_EVENTS, AVAILABLE_LOCALES, AdminDevOpsPage, type AdminDevOpsPageProps, AdminExchangePage, type AdminExchangePageProps, type AdminExchangePageTranslations, AdminSecurityPage, type AdminSecurityPageProps, type AdminUser, type AdminUserStats, AdminUsersPage, type AdminUsersPageProps, AnnotateReferencesProgressWidget, AnnotateToolbar, AnnotateView, type Annotation$k as Annotation, type AnnotationConfig, type AnnotationCreationHandler, type AnnotationHandlers, AnnotationHistory, type AnnotationManager, AnnotationOverlay, AnnotationProvider, type AnnotationProviderProps, type AnnotationUIState, type AnnotationsCollection, type Annotator, ApiClientProvider, type ApiClientProviderProps, AssessmentEntry, AssessmentPanel, AssistSection, AsyncErrorBoundary, AuthErrorDisplay, type AuthErrorDisplayProps, type AuthEventDetail, type AuthEventType, AuthTokenProvider, type AuthTokenProviderProps, type AvailableLocale, type BeckonFlowState, type BorderRadiusToken, BrowseView, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COMMON_PANELS, type CacheManager, CacheProvider, type CacheProviderProps, type ClickAction, CodeMirrorRenderer, CollaborationPanel, CollapsibleResourceNavigation, type CollapsibleResourceNavigationProps, type ColorToken, CommentEntry, CommentsPanel, ComposeLoadingState, type ComposeLoadingStateProps, type ContextGatherFlowConfig, type ContextGatherFlowState, type CreateAnnotationParams, type CreateConfig, type DeleteAnnotationParams, type DetectionConfig, type DevOpsFeature, type DrawingMode, EntityTagsPage, type EntityTagsPageProps, EntityTypeBadges, ErrorBoundary, ExportCard, type ExportCardProps, type ExportCardTranslations, Footer, HOVER_DELAY_MS, HighlightEntry, HighlightPanel, HistoryEvent, type HoverEmitterProps, type HoverHandlers, ImageURLSchema, ImageViewer, ImportCard, type ImportCardProps, type ImportCardTranslations, type ImportPreview, ImportProgress, type ImportProgressProps, type ImportProgressTranslations, JsonLdPanel, JsonLdView, type KeyboardShortcut, KeyboardShortcutsHelpModal, LeftSidebar, type LinkComponentProps, LinkedDataPage, type LinkedDataPageProps, type LinkedDataPageTranslations, LiveRegionProvider, type MarkFlowState, type Motivation$8 as Motivation, type NavigationItem, NavigationMenu, type NavigationMenuHelper, type NavigationProps, type OAuthProvider, type OAuthUser, OAuthUserSchema, ObservableLink, type ObservableLinkProps, OpenResource, OpenResourcesManager, OpenResourcesProvider, type OverlayAnnotation, PageLayout, type PanelBrowseState, PanelHeader, PopupContainer, PopupHeader, ProposeEntitiesModal, QUERY_KEYS, RESOURCE_PANELS, RecentDocumentsPage, type RecentDocumentsPageProps, ReferenceEntry, ReferenceResolutionWidget, ReferenceWizardModal, type ReferenceWizardModalProps, ReferencesPanel, ResizeHandle, type ResolvedTheme, ResourceAnnotationsProvider, ResourceCard, type ResourceCardProps, ResourceComposePage, type ResourceComposePageProps, ResourceDiscoveryPage, type ResourceDiscoveryPageProps, ResourceErrorState, type ResourceErrorStateProps, ResourceInfoPanel, ResourceLoadingState, ResourceSearchModal, type ResourceSearchModalProps, ResourceTagsInline, ResourceViewer, ResourceViewerPage, type ResourceViewerPageProps, type RouteBuilder, type SaveResourceParams, SearchModal, type SearchModalProps, SelectedTextDisplay, type SelectionMotivation, type SelectorType, SemiontBranding, SemiontFavicon, type SemiontResource$4 as SemiontResource, SessionExpiryBanner, SessionManager, SessionProvider, SessionTimer, SettingsPanel, type ShadowToken, type ShapeType, SignInForm, type SignInFormProps, SignUpForm, type SignUpFormProps, SimpleNavigation, type SimpleNavigationItem, type SimpleNavigationProps, SkipLinks, SortableResourceTab, type SortableResourceTabProps, type SpacingToken, StatisticsPanel, StatusDisplay, type StreamStatus, SvgDrawingCanvas, TagEntry, TagSchemasPage, type TagSchemasPageProps, TaggingPanel, type TextSegment, type TextSelection, type Theme, ThemeProvider, ToastContainer, type ToastMessage, ToastProvider, type ToastType, Toolbar, type ToolbarPanelType, type TransitionToken, TranslationManager, TranslationProvider, type TranslationProviderProps, type TypographyToken, type UICreateAnnotationParams, UnifiedAnnotationsPanel, UnifiedHeader, type UseResourceContentResult, UserMenuSkeleton, WelcomePage, type WelcomePageProps, type YieldFlowState, applyHighlights, buildSourceToRenderedMap, buildTextNodeIndex, buttonStyles, clearHighlights, createHoverHandlers, cssVariables, dispatch401Error, dispatch403Error, dispatchAuthEvent, faviconPaths, formatTime, generateCSSVariables, getResourceIcon, getSelectedShapeForSelectorType, getSelectorType, getShortcutDisplay, getSupportedShapes, hideWidgetPreview, isShapeSupported, jsonLightHighlightStyle, jsonLightTheme, onAuthEvent, resolveAnnotationRanges, sanitizeImageURL, saveSelectedShapeForSelectorType, showWidgetPreview, supportsDetection, toOverlayAnnotations, tokens, useAdmin, useAnnotationManager, useAnnotations, useApiClient, useAuthApi, useAuthToken, useBeckonFlow, useBindFlow, useCacheManager, useContextGatherFlow, useDebounce, useDebouncedCallback, useDocumentAnnouncements, useDoubleKeyPress, useDropdown, useEntityTypes, useEventSubscription, useEventSubscriptions, useFormAnnouncements, useGlobalEvents, useHealth, useHoverDelay, useHoverEmitter, useIsTyping, useKeyboardShortcuts, useLanguageChangeAnnouncements, useLineNumbers, useLiveRegion, useLoadingState, useLocalStorage, useMarkFlow, useModeration, useObservableExternalNavigation, useObservableRouter, useOpenResources, usePanelBrowse, usePanelWidth, usePreloadTranslations, useResourceAnnotations, useResourceContent, useResourceEvents, useResourceLoadingAnnouncements, useResources, useRovingTabIndex, useSearchAnnouncements, useSessionContext, useSessionExpiry, useTheme, useToast, useTranslations, useYieldFlow };

package/dist/index.mjs

@@ -52878,6 +52878,7 @@ function SortableResourceTab({
   };
   const iconEmoji = getResourceIcon(resource.mediaType);
   const isCurrentlyDragging = isSortableDragging || isDragging;
+  const tooltipText = resource.storageUri ? resource.storageUri.replace(/^file:\/\//, "") : resource.name;
   const handleKeyDown = useCallback28((e6) => {
     if (onReorderRef.current && e6.altKey) {
       if (e6.key === "ArrowUp") {
@@ -52907,7 +52908,7 @@ function SortableResourceTab({
           {
             href,
             className: "semiont-resource-tab__link",
-            title: resource.name,
+            title: tooltipText,
             children: [
               /* @__PURE__ */ jsx49("span", { className: "semiont-resource-tab__icon", "aria-hidden": "true", children: iconEmoji }),
               !isCollapsed && /* @__PURE__ */ jsx49("span", { className: "semiont-resource-tab__text", children: resource.name })
@@ -53418,6 +53419,7 @@ function ConfigureGenerationStep({
   translations: t12
 }) {
   const [title, setTitle] = useState33(defaultTitle);
+  const [storagePath, setStoragePath] = useState33("");
   const [prompt, setPrompt] = useState33("");
   const [language2, setLanguage] = useState33(locale);
   const [temperature, setTemperature] = useState33(0.7);
@@ -53427,6 +53429,7 @@ function ConfigureGenerationStep({
     const trimmedPrompt = prompt.trim();
     onGenerate({
       title,
+      storagePath: `file://${storagePath}`,
       ...trimmedPrompt ? { prompt: trimmedPrompt } : {},
       language: language2,
       temperature,
@@ -53450,6 +53453,24 @@ function ConfigureGenerationStep({
         }
       )
     ] }),
+    /* @__PURE__ */ jsxs43("div", { className: "semiont-form__field", children: [
+      /* @__PURE__ */ jsx53("label", { htmlFor: "wizard-storagePath", className: "semiont-form__label", children: "Save location" }),
+      /* @__PURE__ */ jsxs43("div", { className: "semiont-input-addon", children: [
+        /* @__PURE__ */ jsx53("span", { className: "semiont-input-addon__prefix", children: "file://" }),
+        /* @__PURE__ */ jsx53(
+          "input",
+          {
+            id: "wizard-storagePath",
+            type: "text",
+            value: storagePath,
+            onChange: (e6) => setStoragePath(e6.target.value),
+            required: true,
+            className: "semiont-input semiont-input--addon",
+            placeholder: "generated/my-resource.md"
+          }
+        )
+      ] })
+    ] }),
     /* @__PURE__ */ jsxs43("div", { className: "semiont-form__field", children: [
       /* @__PURE__ */ jsx53("label", { htmlFor: "wizard-prompt", className: "semiont-form__label", children: t12.additionalInstructions }),
       /* @__PURE__ */ jsx53(
@@ -57217,6 +57238,7 @@ function ResourceComposePage({
   const [selectedFormat, setSelectedFormat] = useState44("text/markdown");
   const [selectedLanguage, setSelectedLanguage] = useState44(initialLocale);
   const [selectedCharset, setSelectedCharset] = useState44("");
+  const [storagePath, setStoragePath] = useState44("");
   const [archiveOriginal, setArchiveOriginal] = useState44(true);
   useEffect46(() => {
     if (mode === "clone" && cloneData) {
@@ -57267,6 +57289,7 @@ function ResourceComposePage({
       const params = {
         mode,
         name: newResourceName,
+        storageUri: `file://${storagePath}`,
         content: newResourceContent,
         format: uploadedFile ? fileMimeType : selectedFormat,
         entityTypes: selectedEntityTypes,
@@ -57358,6 +57381,25 @@ function ResourceComposePage({
             }
           )
         ] }),
+        /* @__PURE__ */ jsxs75("div", { className: "semiont-form__field", children: [
+          /* @__PURE__ */ jsx87("label", { htmlFor: "storagePath", className: "semiont-form__label", children: "Save location" }),
+          /* @__PURE__ */ jsxs75("div", { className: "semiont-input-addon", children: [
+            /* @__PURE__ */ jsx87("span", { className: "semiont-input-addon__prefix", children: "file://" }),
+            /* @__PURE__ */ jsx87(
+              "input",
+              {
+                id: "storagePath",
+                type: "text",
+                value: storagePath,
+                onChange: (e6) => setStoragePath(e6.target.value),
+                placeholder: "docs/my-resource.md",
+                required: true,
+                className: "semiont-input semiont-input--addon",
+                disabled: isCreating
+              }
+            )
+          ] })
+        ] }),
         (!isReferenceCompletion || selectedEntityTypes.length === 0) && /* @__PURE__ */ jsxs75("div", { className: "semiont-form__field semiont-form__entity-types", children: [
           /* @__PURE__ */ jsx87("div", { className: "semiont-form__label", children: t12.entityTypes }),
           /* @__PURE__ */ jsx87(
@@ -58236,7 +58278,8 @@ function useYieldFlow(locale, resourceId2, clearNewAnnotationId) {
       options: {
         ...options,
         language: options.language || locale,
-        context: options.context
+        context: options.context,
+        storageUri: options.storageUri
       }
     });
   }, [resourceId2, clearNewAnnotationId, locale]);
@@ -58420,6 +58463,7 @@ function ResourceViewerPage({
   const handleWizardGenerateSubmit = useCallback38((referenceId, config) => {
     onGenerateDocument(referenceId, {
       title: config.title,
+      storageUri: config.storagePath,
       prompt: config.prompt,
       language: config.language,
       temperature: config.temperature,
@@ -58465,7 +58509,7 @@ function ResourceViewerPage({
   useEffect51(() => {
     if (resource && rUri) {
       const mediaType = getPrimaryMediaType2(resource);
-      addResource(rUri, resource.name, mediaType || void 0);
+      addResource(rUri, resource.name, mediaType || void 0, resource.storageUri);
       if (typeof localStorage !== "undefined") {
         localStorage.setItem("lastViewedDocumentId", rUri);
       }