@chrryai/chrry 1.5.66 → 1.5.71

package/Message.module.scss

@@ -389,12 +389,13 @@
   gap: toRem.toRem(2);
   align-items: center;
   vertical-align: middle;
+  margin-left: toRem.toRem(6);
 }
 
-.dots span {
+.dotsSpan {
   width: toRem.toRem(4);
   height: toRem.toRem(4);
-  background: var(--shade-4);
+  background: var(--accent-4);
   border-radius: 50%;
   animation: typing 1.4s infinite ease-in-out;
 }

package/README.md

@@ -27,7 +27,7 @@ Chrry is a comprehensive React component library built for AI applications. It i
 
 ## 🌶️ Pepper Router
 
-Chrry pairs perfectly with **[Pepper Router](https://github.com/askvex/pepper)** - our universal router with view transitions:
+Chrry pairs perfectly with **[Pepper Router](https://github.comchrryAIpepper)** - our universal router with view transitions:
 
 ```bash
 npm install @chrryai/pepper

package/{About.module.scss → about/About.module.scss}

@@ -1,5 +1,5 @@
-@use "./breakpoints.scss";
-@use "./toRem.scss";
+@use "../breakpoints.scss";
+@use "../toRem.scss";
 
 .ossLink,
 .oss {

package/{Account.module.scss → account/Account.module.scss}

@@ -1,4 +1,4 @@
-@use "./toRem.scss";
+@use "../toRem.scss";
 
 .accountButton {
   display: flex;

package/{AddToHomeScreen.module.scss → addToHomeScreen/AddToHomeScreen.module.scss}

@@ -1,5 +1,5 @@
-@use "./breakpoints.scss";
-@use "./utils.scss";
+@use "../breakpoints.scss";
+@use "../utils.scss";
 
 .addToHomeScreen {
   height: 100vh;

package/{Affiliate.module.scss → affiliate/Affiliate.module.scss}

@@ -1,6 +1,6 @@
-@use "./toRem.scss";
-@use "./breakpoints.scss";
-@use "./utils.scss";
+@use "../toRem.scss";
+@use "../breakpoints.scss";
+@use "../utils.scss";
 
 .affiliate {
   width: 100%;

package/{AffiliateDashboard.module.scss → affiliateDashboard/AffiliateDashboard.module.scss}

@@ -1,5 +1,5 @@
-@use "./toRem.scss";
-@use "./breakpoints.scss";
+@use "../toRem.scss";
+@use "../breakpoints.scss";
 
 .affiliate {
   width: 100%;

package/{Agent.module.scss → agent/Agent.module.scss}

@@ -1,6 +1,6 @@
-@use "./breakpoints.scss";
-@use "./utils.scss";
-@use "./toRem.scss";
+@use "../breakpoints.scss";
+@use "../utils.scss";
+@use "../toRem.scss";
 
 .newAgent {
   margin: 0 auto;

package/dist/index.d.mts

@@ -666,6 +666,7 @@ declare function replaceLinks({ text, pageUrl, }: {
     pageUrl?: string;
 }): Array<TextSegment>;
 
+declare const isCI: string | undefined;
 declare const checkIsExtension: () => boolean;
 declare const getExtensionUrl: () => any;
 declare const isProduction: boolean;
@@ -785,7 +786,6 @@ declare const PROMPT_LIMITS: {
 declare const expenseCategory: readonly ["food", "transport", "entertainment", "shopping", "bills", "health", "education", "travel", "other"];
 type expenseCategoryType = (typeof expenseCategory)[number];
 declare const budgetCategory: readonly ["food", "transport", "entertainment", "shopping", "bills", "health", "education", "travel", "other"];
-declare const isCI: string | undefined;
 declare const isE2E: boolean;
 declare const extensionSuggestions: {
     text: string;
@@ -1077,6 +1077,40 @@ declare function useAppMetadata(app?: appWithStore, enabled?: boolean): void;
  */
 declare function useThreadMetadata(thread?: thread): void;
 
+/**
+ * A hook that syncs local state with a derived/computed value.
+ * Useful when you need local state that can be overridden by user interaction,
+ * but should reset to the computed value when dependencies change.
+ *
+ * @param computedValue - The value to sync with (derived from props/context)
+ * @param deps - Dependencies that should trigger a reset to computedValue
+ * @returns [value, setValue] - Tuple like useState
+ *
+ * @example
+ * ```tsx
+ * // Syncs with floatingInitial, resets when threadId changes
+ * const [isChatFloating, setIsChatFloating] = useSyncedState(
+ *   floatingInitial,
+ *   [threadId]
+ * )
+ * ```
+ */
+declare function useSyncedState<T>(computedValue: T, deps?: React.DependencyList): [T, React.Dispatch<React.SetStateAction<T>>];
+/**
+ * A simpler version that ALWAYS syncs with the computed value.
+ * Use this when you don't need to override the value locally.
+ *
+ * @param computedValue - The value to always use
+ * @returns The computed value (for consistency with useSyncedState API)
+ *
+ * @example
+ * ```tsx
+ * // Always uses floatingInitial, no local override
+ * const isChatFloating = useComputedValue(floatingInitial)
+ * ```
+ */
+declare function useComputedValue<T>(computedValue: T): T;
+
 declare function useHasHydrated(): boolean;
 declare function useCountdown(targetDate: Date | null): number | null;
 
@@ -1757,4 +1791,4 @@ interface HistoryRouterProviderProps {
  */
 declare function HistoryRouterProvider({ children, }: HistoryRouterProviderProps): React.ReactElement;
 
-export { ADDITIONAL_CREDITS, API_URL, type AgentCapabilities, type AgentModel, type AiAgent, type AiAgentCapabilities, type ApiActions, BrowserInstance, CHRRY_URL, CREDITS_PRICE, type CalendarEventFormData, type CreateCustomAiAgent, FREE_DAYS, FRONTEND_URL, type FileValidationResult, GUEST_TASKS_COUNT, HistoryRouterProvider, MAX_FILE_LIMITS, MAX_FILE_SIZES, MAX_TOOL_CALLS_PER_MESSAGE, MEMBER_TASKS_COUNT, OWNER_CREDITS, PDF_LIMITS, PLUS_PRICE, PLUS_TASKS_COUNT, PROD_FRONTEND_URL, PROMPT_LIMITS, PRO_PRICE, Sidebar, Store, VERSION, WS_URL, addParam, aiAgentCapabilitiesSchema, aiAgentSchema, apiFetch, type appFormData, appSchema, budgetCategory, capitalizeFirstLetter, checkIsExtension, checkThreadSummaryLimit, createApp, createCalendarEvent, createCustomAiAgentSchema, deleteApp, deleteCalendarEvent, deleteMemories, deleteMessage, deleteSubscription, exampleInstructions, expenseCategory, type expenseCategoryType, exportToGoogleCalendar, extensionSuggestions, formatFileSize, generateAppMetadata, generateStoreMetadata, getActions, getApp, getApps, getBrowserAPI, getBrowserIdentity, getCalendarEvents, getDailyImageLimit, getExampleInstructions, getExtensionUrl, getExtensionUrls, getFlag, getGuest, getHourlyLimit, getImageSrc, getInstructionConfig, getLastMessage, getMaxFileSize, getMetadata, getRedirectURL, getSession, getSlugFromPathname, getThread, getThreadId, getThreads, getTranslations, getUser, getUsers, getWeatherCacheTime, type instructionBase, isCI, isCollaborator, isDeepEqual, isDevelopment, isE2E, isFirefox, isOwner, isProduction, isSameDay, isTestingDevice, isTextFile, isValidUsername, isValidUuidV4, pageSizes, removeParam, removeUser, reorderApps, replaceLinks, storage, syncGoogleCalendar, updateApp, updateCalendarEvent, updateCollaboration, updateGuest, updateMessage, updateThread, updateUser, uploadUserImage, useAppMetadata, useCookieOrLocalStorage, useCountdown, useDeviceInfo, useHasHydrated, useLocalStorage, usePWAInstall, useStoreMetadata, useThreadMetadata, utcToday, validateFile };
+export { ADDITIONAL_CREDITS, API_URL, type AgentCapabilities, type AgentModel, type AiAgent, type AiAgentCapabilities, type ApiActions, BrowserInstance, CHRRY_URL, CREDITS_PRICE, type CalendarEventFormData, type CreateCustomAiAgent, FREE_DAYS, FRONTEND_URL, type FileValidationResult, GUEST_TASKS_COUNT, HistoryRouterProvider, MAX_FILE_LIMITS, MAX_FILE_SIZES, MAX_TOOL_CALLS_PER_MESSAGE, MEMBER_TASKS_COUNT, OWNER_CREDITS, PDF_LIMITS, PLUS_PRICE, PLUS_TASKS_COUNT, PROD_FRONTEND_URL, PROMPT_LIMITS, PRO_PRICE, Sidebar, Store, VERSION, WS_URL, addParam, aiAgentCapabilitiesSchema, aiAgentSchema, apiFetch, type appFormData, appSchema, budgetCategory, capitalizeFirstLetter, checkIsExtension, checkThreadSummaryLimit, createApp, createCalendarEvent, createCustomAiAgentSchema, deleteApp, deleteCalendarEvent, deleteMemories, deleteMessage, deleteSubscription, exampleInstructions, expenseCategory, type expenseCategoryType, exportToGoogleCalendar, extensionSuggestions, formatFileSize, generateAppMetadata, generateStoreMetadata, getActions, getApp, getApps, getBrowserAPI, getBrowserIdentity, getCalendarEvents, getDailyImageLimit, getExampleInstructions, getExtensionUrl, getExtensionUrls, getFlag, getGuest, getHourlyLimit, getImageSrc, getInstructionConfig, getLastMessage, getMaxFileSize, getMetadata, getRedirectURL, getSession, getSlugFromPathname, getThread, getThreadId, getThreads, getTranslations, getUser, getUsers, getWeatherCacheTime, type instructionBase, isCI, isCollaborator, isDeepEqual, isDevelopment, isE2E, isFirefox, isOwner, isProduction, isSameDay, isTestingDevice, isTextFile, isValidUsername, isValidUuidV4, pageSizes, removeParam, removeUser, reorderApps, replaceLinks, storage, syncGoogleCalendar, updateApp, updateCalendarEvent, updateCollaboration, updateGuest, updateMessage, updateThread, updateUser, uploadUserImage, useAppMetadata, useComputedValue, useCookieOrLocalStorage, useCountdown, useDeviceInfo, useHasHydrated, useLocalStorage, usePWAInstall, useStoreMetadata, useSyncedState, useThreadMetadata, utcToday, validateFile };

package/dist/index.d.ts

@@ -666,6 +666,7 @@ declare function replaceLinks({ text, pageUrl, }: {
     pageUrl?: string;
 }): Array<TextSegment>;
 
+declare const isCI: string | undefined;
 declare const checkIsExtension: () => boolean;
 declare const getExtensionUrl: () => any;
 declare const isProduction: boolean;
@@ -785,7 +786,6 @@ declare const PROMPT_LIMITS: {
 declare const expenseCategory: readonly ["food", "transport", "entertainment", "shopping", "bills", "health", "education", "travel", "other"];
 type expenseCategoryType = (typeof expenseCategory)[number];
 declare const budgetCategory: readonly ["food", "transport", "entertainment", "shopping", "bills", "health", "education", "travel", "other"];
-declare const isCI: string | undefined;
 declare const isE2E: boolean;
 declare const extensionSuggestions: {
     text: string;
@@ -1077,6 +1077,40 @@ declare function useAppMetadata(app?: appWithStore, enabled?: boolean): void;
  */
 declare function useThreadMetadata(thread?: thread): void;
 
+/**
+ * A hook that syncs local state with a derived/computed value.
+ * Useful when you need local state that can be overridden by user interaction,
+ * but should reset to the computed value when dependencies change.
+ *
+ * @param computedValue - The value to sync with (derived from props/context)
+ * @param deps - Dependencies that should trigger a reset to computedValue
+ * @returns [value, setValue] - Tuple like useState
+ *
+ * @example
+ * ```tsx
+ * // Syncs with floatingInitial, resets when threadId changes
+ * const [isChatFloating, setIsChatFloating] = useSyncedState(
+ *   floatingInitial,
+ *   [threadId]
+ * )
+ * ```
+ */
+declare function useSyncedState<T>(computedValue: T, deps?: React.DependencyList): [T, React.Dispatch<React.SetStateAction<T>>];
+/**
+ * A simpler version that ALWAYS syncs with the computed value.
+ * Use this when you don't need to override the value locally.
+ *
+ * @param computedValue - The value to always use
+ * @returns The computed value (for consistency with useSyncedState API)
+ *
+ * @example
+ * ```tsx
+ * // Always uses floatingInitial, no local override
+ * const isChatFloating = useComputedValue(floatingInitial)
+ * ```
+ */
+declare function useComputedValue<T>(computedValue: T): T;
+
 declare function useHasHydrated(): boolean;
 declare function useCountdown(targetDate: Date | null): number | null;
 
@@ -1757,4 +1791,4 @@ interface HistoryRouterProviderProps {
  */
 declare function HistoryRouterProvider({ children, }: HistoryRouterProviderProps): React.ReactElement;
 
-export { ADDITIONAL_CREDITS, API_URL, type AgentCapabilities, type AgentModel, type AiAgent, type AiAgentCapabilities, type ApiActions, BrowserInstance, CHRRY_URL, CREDITS_PRICE, type CalendarEventFormData, type CreateCustomAiAgent, FREE_DAYS, FRONTEND_URL, type FileValidationResult, GUEST_TASKS_COUNT, HistoryRouterProvider, MAX_FILE_LIMITS, MAX_FILE_SIZES, MAX_TOOL_CALLS_PER_MESSAGE, MEMBER_TASKS_COUNT, OWNER_CREDITS, PDF_LIMITS, PLUS_PRICE, PLUS_TASKS_COUNT, PROD_FRONTEND_URL, PROMPT_LIMITS, PRO_PRICE, Sidebar, Store, VERSION, WS_URL, addParam, aiAgentCapabilitiesSchema, aiAgentSchema, apiFetch, type appFormData, appSchema, budgetCategory, capitalizeFirstLetter, checkIsExtension, checkThreadSummaryLimit, createApp, createCalendarEvent, createCustomAiAgentSchema, deleteApp, deleteCalendarEvent, deleteMemories, deleteMessage, deleteSubscription, exampleInstructions, expenseCategory, type expenseCategoryType, exportToGoogleCalendar, extensionSuggestions, formatFileSize, generateAppMetadata, generateStoreMetadata, getActions, getApp, getApps, getBrowserAPI, getBrowserIdentity, getCalendarEvents, getDailyImageLimit, getExampleInstructions, getExtensionUrl, getExtensionUrls, getFlag, getGuest, getHourlyLimit, getImageSrc, getInstructionConfig, getLastMessage, getMaxFileSize, getMetadata, getRedirectURL, getSession, getSlugFromPathname, getThread, getThreadId, getThreads, getTranslations, getUser, getUsers, getWeatherCacheTime, type instructionBase, isCI, isCollaborator, isDeepEqual, isDevelopment, isE2E, isFirefox, isOwner, isProduction, isSameDay, isTestingDevice, isTextFile, isValidUsername, isValidUuidV4, pageSizes, removeParam, removeUser, reorderApps, replaceLinks, storage, syncGoogleCalendar, updateApp, updateCalendarEvent, updateCollaboration, updateGuest, updateMessage, updateThread, updateUser, uploadUserImage, useAppMetadata, useCookieOrLocalStorage, useCountdown, useDeviceInfo, useHasHydrated, useLocalStorage, usePWAInstall, useStoreMetadata, useThreadMetadata, utcToday, validateFile };
+export { ADDITIONAL_CREDITS, API_URL, type AgentCapabilities, type AgentModel, type AiAgent, type AiAgentCapabilities, type ApiActions, BrowserInstance, CHRRY_URL, CREDITS_PRICE, type CalendarEventFormData, type CreateCustomAiAgent, FREE_DAYS, FRONTEND_URL, type FileValidationResult, GUEST_TASKS_COUNT, HistoryRouterProvider, MAX_FILE_LIMITS, MAX_FILE_SIZES, MAX_TOOL_CALLS_PER_MESSAGE, MEMBER_TASKS_COUNT, OWNER_CREDITS, PDF_LIMITS, PLUS_PRICE, PLUS_TASKS_COUNT, PROD_FRONTEND_URL, PROMPT_LIMITS, PRO_PRICE, Sidebar, Store, VERSION, WS_URL, addParam, aiAgentCapabilitiesSchema, aiAgentSchema, apiFetch, type appFormData, appSchema, budgetCategory, capitalizeFirstLetter, checkIsExtension, checkThreadSummaryLimit, createApp, createCalendarEvent, createCustomAiAgentSchema, deleteApp, deleteCalendarEvent, deleteMemories, deleteMessage, deleteSubscription, exampleInstructions, expenseCategory, type expenseCategoryType, exportToGoogleCalendar, extensionSuggestions, formatFileSize, generateAppMetadata, generateStoreMetadata, getActions, getApp, getApps, getBrowserAPI, getBrowserIdentity, getCalendarEvents, getDailyImageLimit, getExampleInstructions, getExtensionUrl, getExtensionUrls, getFlag, getGuest, getHourlyLimit, getImageSrc, getInstructionConfig, getLastMessage, getMaxFileSize, getMetadata, getRedirectURL, getSession, getSlugFromPathname, getThread, getThreadId, getThreads, getTranslations, getUser, getUsers, getWeatherCacheTime, type instructionBase, isCI, isCollaborator, isDeepEqual, isDevelopment, isE2E, isFirefox, isOwner, isProduction, isSameDay, isTestingDevice, isTextFile, isValidUsername, isValidUuidV4, pageSizes, removeParam, removeUser, reorderApps, replaceLinks, storage, syncGoogleCalendar, updateApp, updateCalendarEvent, updateCollaboration, updateGuest, updateMessage, updateThread, updateUser, uploadUserImage, useAppMetadata, useComputedValue, useCookieOrLocalStorage, useCountdown, useDeviceInfo, useHasHydrated, useLocalStorage, usePWAInstall, useStoreMetadata, useSyncedState, useThreadMetadata, utcToday, validateFile };