@c-rex/components 0.1.30 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c-rex/components",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "files": [
     "src"
   ],
@@ -164,6 +164,18 @@
     "./carousel": {
       "types": "./src/carousel/carousel.tsx",
       "import": "./src/carousel/carousel.tsx"
+    },
+    "./restriction-menu": {
+      "types": "./src/restriction-menu/restriction-menu.tsx",
+      "import": "./src/restriction-menu/restriction-menu.tsx"
+    },
+    "./restriction-menu-item": {
+      "types": "./src/restriction-menu/restriction-menu-item.tsx",
+      "import": "./src/restriction-menu/restriction-menu-item.tsx"
+    },
+    "./search-input": {
+      "types": "./src/search-input.tsx",
+      "import": "./src/search-input.tsx"
     }
   },
   "scripts": {

package/src/article/article-action-bar.analysis.md

@@ -0,0 +1,15 @@
+# Analysis: article-action-bar
+
+- Component: packages/components/src/article/article-action-bar.tsx
+- Type: Client component
+- Detected signals: useQueryStates=no, stores=yes, window/document=no, effects=yes, fetch/call=no
+
+## Possible re-render causes
+- Store subscriptions can re-render this component whenever the selected slice changes.
+- Effects that update state can add extra renders on mount and dependency changes.
+
+## Possible bugs/risks
+- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
+
+## Recommended improvements
+- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.

package/src/article/article-action-bar.tsx

@@ -27,7 +27,7 @@ export const ArticleActionBar: FC = () => {
 
     return (
         <>
-            <div className="w-full sm:w-auto justify-between bg-primary text-primary-foreground rounded-full shadow-lg flex sticky bottom-4 p-2 float-right gap-2 transition-all duration-300">
+            <div className="w-auto justify-between bg-primary text-primary-foreground rounded-full shadow-lg flex sticky bottom-4 p-2 float-right gap-2 transition-all duration-300">
                 {enableHighlight && (
 
                     <>
@@ -48,29 +48,45 @@ export const ArticleActionBar: FC = () => {
                                 placeholder={t("search")}
                                 className={cn(
                                     "border border-gray-300 left-12 transition-all duration-300 rounded-full h-9 bg-secondary text-secondary-foreground focus:outline-none focus:ring-2 focus:ring-blue-500",
-                                    open ? "w-48 opacity-100 px-2 mr-2" : "w-0 opacity-0 px-0"
+                                    open ? "flex flex-1  opacity-100 px-2 mr-2" : "w-0 opacity-0 px-0"
                                 )}
                             />
 
-                            <Button
-                                variant="ghost" size="icon" rounded="full" onClick={() => setOpen(!open)}
-                            >
+                            <Button variant="ghost" size="icon" rounded="full" onClick={() => setOpen(!open)}>
                                 {open ? <X className="w-5 h-5" /> : <Search className="w-5 h-5" />}
                             </Button>
 
                         </div>
 
-                        <Button variant="ghost" size="icon" rounded="full" onClick={prev}>
+                        <Button
+                            variant="ghost"
+                            size="icon"
+                            rounded="full"
+                            onClick={prev}
+                            className={cn(open && "hidden sm:inline-flex")}
+                        >
                             <ArrowBigLeft />
                         </Button>
-                        <Button variant="ghost" size="icon" rounded="full" onClick={next}>
 
+                        <Button
+                            variant="ghost"
+                            size="icon"
+                            rounded="full"
+                            onClick={next}
+                            className={cn(open && "hidden sm:inline-flex")}
+                        >
                             <ArrowBigRight />
                         </Button>
                     </>
                 )}
 
-                <Button variant="ghost" size="icon" rounded="full" onClick={() => toggleHighlight(!enableHighlight)} className="group">
+                <Button
+                    variant="ghost"
+                    size="icon"
+                    rounded="full"
+                    onClick={() => toggleHighlight(!enableHighlight)}
+                    className={cn("group", open && "hidden sm:inline-flex")}
+                >
                     {enableHighlight ?
                         <FileSearchIcon /> :
                         <div className="relative inline-block">
@@ -80,7 +96,13 @@ export const ArticleActionBar: FC = () => {
                     }
                 </Button>
 
-                <Button variant="ghost" size="icon" rounded="full" onClick={rightSidebar.toggleSidebar}>
+                <Button
+                    variant="ghost"
+                    size="icon"
+                    rounded="full"
+                    onClick={rightSidebar.toggleSidebar}
+                    className={cn(open && "hidden sm:inline-flex")}
+                >
                     <PanelRight />
                 </Button>
             </div>

package/src/article/article-content.analysis.md

@@ -0,0 +1,15 @@
+# Analysis: article-content
+
+- Component: packages/components/src/article/article-content.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=yes
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- Async flows can hit race conditions during fast param/route changes.
+
+## Recommended improvements
+- Consider cancellation guards (isMounted or AbortController) and standardized error handling.
+

package/src/article/article-content.tsx

@@ -43,8 +43,8 @@ export const ArticleContent: FC<Props> = async ({ renditions }) => {
 
     return (
         <>
-            {metaTags.map((tag, index) => (
-                <meta key={index} name={tag.name} content={tag.content} />
+            {metaTags.map((tag) => (
+                <meta key={`${tag.name}-${tag.content}`} name={tag.name} content={tag.content} />
             ))}
             <div className="pr-4 relative">
                 <RenderArticle htmlContent={articleHtml} contentLang="" />
@@ -52,4 +52,4 @@ export const ArticleContent: FC<Props> = async ({ renditions }) => {
             <ArticleActionBar />
         </>
     )
-}
+}

package/src/autocomplete.analysis.md

@@ -0,0 +1,17 @@
+# Analysis: autocomplete
+
+- Component: packages/components/src/autocomplete.tsx
+- Type: Client component
+- Detected signals: useQueryStates=no, stores=no, window/document=yes, effects=yes, fetch/call=no
+
+## Possible re-render causes
+- Effects that update state can add extra renders on mount and dependency changes.
+
+## Possible bugs/risks
+- Access to window/document needs care to avoid hydration mismatch and non-browser runtime issues.
+- The component renders list-heavy UI; key stability and memoization strongly affect perceived performance.
+
+## Recommended improvements
+- Keep browser-only access inside event handlers or useEffect, not in initial render paths.
+- Review key strategy and extract memoized subcomponents for large-list rendering.
+

package/src/autocomplete.tsx

@@ -17,6 +17,7 @@ export type AutoCompleteProps = {
     queryParams?: SuggestionQueryParams
     onSelectParams?: { key: string, value: string }[];
     onSelectPath: string
+    inputClass?: string
 };
 
 export const AutoComplete = ({
@@ -25,7 +26,8 @@ export const AutoComplete = ({
     endpoint,
     queryParams,
     onSelectParams,
-    onSelectPath = "/"
+    onSelectPath = "/",
+    inputClass = "",
 }: AutoCompleteProps) => {
     const t = useTranslations();
     const [pkg] = useQueryState("package");
@@ -59,7 +61,7 @@ export const AutoComplete = ({
         params.set('search', value);
         params.set("page", "1")
         params.set("operator", searchSettings.operator)
-        params.set("language", searchSettings.language)
+        if (searchSettings.language) params.set("language", searchSettings.language)
         params.set("wildcard", searchSettings.wildcard)
         params.set("like", searchSettings.like.toString())
 
@@ -105,6 +107,7 @@ export const AutoComplete = ({
         <div className="relative flex-1" ref={containerRef}>
             <Input
                 variant={embedded ? "embedded" : undefined}
+                className={inputClass}
                 type="text"
                 placeholder={t("search")}
                 value={query}
@@ -132,9 +135,9 @@ export const AutoComplete = ({
                         <>
                             {suggestions.length > 0 ? (
                                 <>
-                                    {suggestions.map((option, index) => (
+                                    {suggestions.map((option) => (
                                         <li
-                                            key={index}
+                                            key={option}
                                             className="px-4 py-2 hover:bg-accent cursor-pointer text-sm"
                                             onClick={() => handleSelect(`"${option}"`)}
                                         >

package/src/breadcrumb.analysis.md

@@ -0,0 +1,15 @@
+# Analysis: breadcrumb
+
+- Component: packages/components/src/breadcrumb.tsx
+- Type: Client component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- The component renders list-heavy UI; key stability and memoization strongly affect perceived performance.
+
+## Recommended improvements
+- Review key strategy and extract memoized subcomponents for large-list rendering.
+

package/src/breadcrumb.tsx

@@ -53,9 +53,9 @@ export const Breadcrumb: FC<BreadcrumbProps> = ({ tree, lang }) => {
                             </DrawerHeader>
 
                             <div className="grid gap-1 px-4">
-                                {items.slice(0, -1).map((item, index) => (
+                                {items.slice(0, -1).map((item) => (
                                     <Link
-                                        key={index}
+                                        key={item.linkId}
                                         href={`/topics/${item.linkId}/content`}
                                         className="py-1 text-sm"
                                     >
@@ -103,7 +103,7 @@ export const Breadcrumb: FC<BreadcrumbProps> = ({ tree, lang }) => {
 
                             return (
                                 <Fragment key={`${item.label}-fragment`}>
-                                    <BreadcrumbItem key={`${item.label}-item`} className={index.toString()}>
+                                    <BreadcrumbItem key={`${item.label}-item`}>
                                         {renderLink(!isLast, item)}
                                     </BreadcrumbItem>
                                     {!isLast && (
@@ -121,4 +121,4 @@ export const Breadcrumb: FC<BreadcrumbProps> = ({ tree, lang }) => {
             </BreadcrumbList>
         </BreadcrumbComponent>
     );
-};
+};

package/src/carousel/carousel.analysis.md

@@ -0,0 +1,17 @@
+# Analysis: carousel
+
+- Component: packages/components/src/carousel/carousel.tsx
+- Type: Client component
+- Detected signals: useQueryStates=no, stores=no, window/document=yes, effects=yes, fetch/call=no
+
+## Possible re-render causes
+- Effects that update state can add extra renders on mount and dependency changes.
+
+## Possible bugs/risks
+- Access to window/document needs care to avoid hydration mismatch and non-browser runtime issues.
+- The component renders list-heavy UI; key stability and memoization strongly affect perceived performance.
+
+## Recommended improvements
+- Keep browser-only access inside event handlers or useEffect, not in initial render paths.
+- Review key strategy and extract memoized subcomponents for large-list rendering.
+

package/src/carousel/carousel.tsx

@@ -9,7 +9,7 @@ import {
     createContext,
     useContext,
 } from "react";
-import { cn, getLanguage, getTitle, getType } from "@c-rex/utils";
+import { cn, formatDateToLocale, getLanguage, getTitle, getType } from "@c-rex/utils";
 import { Button } from "@c-rex/ui/button";
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import { Skeleton } from "@c-rex/ui/skeleton";
@@ -21,6 +21,7 @@ import { Card } from "@c-rex/ui/card";
 import { Badge } from "@c-rex/ui/badge";
 import { Flag } from "../icons/flag-icon"
 import { Empty } from "../results/empty";
+import { useLocale, useTranslations } from "next-intl";
 
 // Types
 
@@ -66,7 +67,7 @@ type Props = {
     responsive?: ResponsiveSetting[];
     indicators?: boolean;
     showImages?: boolean;
-    renderItem?: (item: CommonItemsModel, showImages: boolean) => React.ReactNode;
+    carouselItemComponent?: FC<{ item: CommonItemsModel; showImages: boolean }>;
     serviceType: keyof typeof ServiceOptions;
     queryParams?: Record<string, any>;
     loadByPages?: boolean;
@@ -80,13 +81,13 @@ export const Carousel: FC<Props> = ({
     indicators = false,
     autoplaySpeed = 3000,
     showImages = false,
-    renderItem,
+    carouselItemComponent,
     serviceType,
     queryParams = {},
     loadByPages = false,
 }) => {
     const service = ServiceOptions[serviceType] as typeof documentsGetAllClientService;
-    const renderFunc = renderItem ? renderItem : defaultRenderCarouselItem;
+    const RenderComponent = carouselItemComponent || DefaultRenderCarouselItem;
 
     // Responsive
     const [slidesToShow, setSlidesToShow] = useState(responsive[0]?.slidesToShow || 1);
@@ -239,7 +240,7 @@ export const Carousel: FC<Props> = ({
                                         className={`flex-shrink-0 flex-grow-0 flex justify-center`}
                                         style={{ width: `${100 / slidesToShow}%` }}
                                     >
-                                        {renderFunc(item, showImages)}
+                                        <RenderComponent item={item} showImages={showImages} />
                                     </div>
                                 ))
                             ) : null}
@@ -282,7 +283,7 @@ const CarouselIndicators: FC<{ className?: string }> = ({ className }) => {
         return (
             <ol className={cn("flex gap-2 z-20 list-none p-0 m-0", className)}>
                 {Array.from({ length: totalOfIndicators }).map((_, index) => (
-                    <li key={index}>
+                    <li key={`indicator-${index}`}>
                         <Button
                             className={`w-3 h-3 rounded-full border-0 cursor-pointer transition-colors ${index === current ? "bg-gray-800" : "bg-gray-300"}`}
                             size="xs"
@@ -314,14 +315,21 @@ const CarouselIndicators: FC<{ className?: string }> = ({ className }) => {
     );
 };
 
-const defaultRenderCarouselItem = (item: CommonItemsModel, showImages: boolean) => {
+const DefaultRenderCarouselItem: FC<{ item: CommonItemsModel; showImages: boolean }> = ({ item, showImages }) => {
+    const locale = useLocale();
+    const t = useTranslations("itemTypes");
+
+    const date = formatDateToLocale(item.created!, locale);
     const title = getTitle(item.titles, item.labels);
     const itemType = getType(item.class);
     const language = getLanguage(item.languages)
     const countryCode = language.split("-")[1] || "";
+
     return (
         <div className="p-2 flex flex-1">
-            <Card className="p-4 flex-1 justify-between">
+            <Card className="p-4 flex-1 justify-between relative">
+                <Badge className="absolute -top-2 -right-2">{t(itemType.toLowerCase())}</Badge>
+
                 {showImages && (
                     <ImageRenditionContainer
                         itemShortId={item.shortId!}
@@ -333,12 +341,12 @@ const defaultRenderCarouselItem = (item: CommonItemsModel, showImages: boolean)
                 <span className="text-lg font-semibold">{title}</span>
 
                 <div className="flex justify-between w-full">
-                    <Badge>{itemType}</Badge>
                     <span className="w-8 block border">
                         <Flag countryCode={countryCode} />
                     </span>
+                    <span className="text-gray-400">{date || item.revision}</span>
                 </div>
             </Card>
         </div>
     );
-}
+};

package/src/check-article-lang.analysis.md

@@ -0,0 +1,15 @@
+# Analysis: check-article-lang
+
+- Component: packages/components/src/check-article-lang.tsx
+- Type: Client component
+- Detected signals: useQueryStates=no, stores=no, window/document=yes, effects=yes, fetch/call=no
+
+## Possible re-render causes
+- Effects that update state can add extra renders on mount and dependency changes.
+
+## Possible bugs/risks
+- Access to window/document needs care to avoid hydration mismatch and non-browser runtime issues.
+
+## Recommended improvements
+- Keep browser-only access inside event handlers or useEffect, not in initial render paths.
+

package/src/directoryNodes/tree-of-content.analysis.md

@@ -0,0 +1,14 @@
+# Analysis: tree-of-content
+
+- Component: packages/components/src/directoryNodes/tree-of-content.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
+
+## Recommended improvements
+- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.

package/src/documents/result-list.analysis.md

@@ -0,0 +1,14 @@
+# Analysis: result-list
+
+- Component: packages/components/src/documents/result-list.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
+
+## Recommended improvements
+- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.

package/src/documents/result-list.tsx

@@ -56,7 +56,7 @@ export const DocumentsResultList: FC<Props> = ({
 
                 return (
                     <div
-                        key={index}
+                        key={item.shortId}
                         className={cn(
                             "min-h-12 flex flex-wrap items-center border px-4 py-2 gap-2 rounded",
                             index == items.length - 1 ? "" : "mb-4",
@@ -124,4 +124,4 @@ export const DocumentsResultList: FC<Props> = ({
             })}
         </div>
     );
-};
+};

package/src/favorites/bookmark-button.analysis.md

@@ -0,0 +1,17 @@
+# Analysis: bookmark-button
+
+- Component: packages/components/src/favorites/bookmark-button.tsx
+- Type: Client component
+- Detected signals: useQueryStates=no, stores=no, window/document=yes, effects=yes, fetch/call=no
+
+## Possible re-render causes
+- Effects that update state can add extra renders on mount and dependency changes.
+
+## Possible bugs/risks
+- Access to window/document needs care to avoid hydration mismatch and non-browser runtime issues.
+- markersList is loaded only on mount/shortId change; later store updates may not refresh the badge.
+
+## Recommended improvements
+- Keep browser-only access inside event handlers or useEffect, not in initial render paths.
+- Read documents[shortId]?.topics directly through a Zustand selector to keep UI reactive.
+

package/src/favorites/favorite-button.analysis.md

@@ -0,0 +1,18 @@
+# Analysis: favorite-button
+
+- Component: packages/components/src/favorites/favorite-button.tsx
+- Type: Client component
+- Detected signals: useQueryStates=no, stores=yes, window/document=no, effects=yes, fetch/call=yes
+
+## Possible re-render causes
+- Store subscriptions can re-render this component whenever the selected slice changes.
+- Effects that update state can add extra renders on mount and dependency changes.
+
+## Possible bugs/risks
+- Async flows can hit race conditions during fast param/route changes.
+- useEffect with empty deps calls getTopicDocumentData(id) and does not react if id/type changes.
+
+## Recommended improvements
+- Consider cancellation guards (isMounted or AbortController) and standardized error handling.
+- Include id and type in effect dependencies and handle fetch cancellation on unmount.
+

package/src/generated/create-client-request.tsx

@@ -7,7 +7,7 @@
 
 "use client";
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { replacePathParams, call } from "@c-rex/utils"
 
 type SerializedError = {
@@ -40,11 +40,21 @@ export function createClientDataRequest<T, PathParams, QueryParams>(
             isLoading: true,
         });
 
+        const pathParamsKey = useMemo(
+            () => JSON.stringify(pathParams ?? {}),
+            [pathParams]
+        );
+        const queryParamsKey = useMemo(
+            () => JSON.stringify(queryParams ?? {}),
+            [queryParams]
+        );
+
         const fetchData = useCallback(async () => {
-            setState({
-                ...state,
+            setState((prev) => ({
+                ...prev,
                 error: null,
-            });
+                isLoading: true,
+            }));
 
             try {
                 const url = replacePathParams(endpointTemplate, pathParams as Record<string, string>);
@@ -66,8 +76,7 @@ export function createClientDataRequest<T, PathParams, QueryParams>(
                     isLoading: false,
                 });
             }
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, [endpointTemplate, pathParams]);
+        }, [endpointTemplate, pathParamsKey, queryParamsKey]);
 
 
         // Initial fetch

package/src/icons/file-icon.analysis.md

@@ -0,0 +1,14 @@
+# Analysis: file-icon
+
+- Component: packages/components/src/icons/file-icon.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
+
+## Recommended improvements
+- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.

package/src/icons/flag-icon.analysis.md

@@ -0,0 +1,14 @@
+# Analysis: flag-icon
+
+- Component: packages/components/src/icons/flag-icon.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
+
+## Recommended improvements
+- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.

package/src/icons/loading.analysis.md

@@ -0,0 +1,14 @@
+# Analysis: loading
+
+- Component: packages/components/src/icons/loading.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
+
+## Recommended improvements
+- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.

package/src/info/info-table.analysis.md

@@ -0,0 +1,15 @@
+# Analysis: info-table
+
+- Component: packages/components/src/info/info-table.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- The component renders list-heavy UI; key stability and memoization strongly affect perceived performance.
+
+## Recommended improvements
+- Review key strategy and extract memoized subcomponents for large-list rendering.
+

package/src/info/info-table.tsx

@@ -56,10 +56,10 @@ export const InfoTable: FC<Props> = async ({
             <CardContent className="space-y-3 !p-0">
                 <Table>
                     <TableBody>
-                        {processDataToLabelValuePairs(data).map((item, index) => (
-                            <TableRow key={index} className="min-h-12">
+                        {processDataToLabelValuePairs(data).map((item) => (
+                            <TableRow key={item.label} className="min-h-12">
                                 <TableCell className="font-medium w-28 pl-4">
-                                    <h4 className="text-sm font-medium">{t(item.label)}</h4>
+                                    <h4 className="text-sm font-medium capitalize">{t(item.label)}</h4>
                                 </TableCell>
                                 <TableCell className="text-xs text-muted-foreground flex items-center gap-2 min-h-12">
                                     {renderValue(item, EN_LANG)}
@@ -108,24 +108,24 @@ export const InfoTable: FC<Props> = async ({
                                 </TableCell>
                                 <TableCell className="text-xs text-muted-foreground flex items-center gap-2 min-h-12">
 
-                                    {Object.keys(files).map((item, index) => {
-                                        if (!files[item]) return null
+                                    {Object.keys(files).map((fileKey) => {
+                                        if (!files[fileKey]) return null
 
                                         return (
-                                            <DropdownMenu key={index}>
+                                            <DropdownMenu key={fileKey}>
                                                 <DropdownMenuTrigger className="mr-2" asChild >
                                                     <Button variant="outline" size="icon" >
-                                                        <FileIcon extension={item} />
+                                                        <FileIcon extension={fileKey} />
                                                     </Button>
                                                 </DropdownMenuTrigger>
                                                 <DropdownMenuContent>
                                                     <DropdownMenuItem>
-                                                        <a href={files[item].view} target="_blank" rel="noreferrer" className="flex items-center">
+                                                        <a href={files[fileKey].view} target="_blank" rel="noreferrer" className="flex items-center">
                                                             <Eye className="mr-2" /> Open
                                                         </a>
                                                     </DropdownMenuItem>
                                                     <DropdownMenuItem>
-                                                        <a href={files[item].download} target="_blank" rel="noreferrer" className="flex items-center">
+                                                        <a href={files[fileKey].download} target="_blank" rel="noreferrer" className="flex items-center">
                                                             <CloudDownload className="mr-2" /> Download
                                                         </a>
                                                     </DropdownMenuItem>

package/src/info/shared.analysis.md

@@ -0,0 +1,14 @@
+# Analysis: shared
+
+- Component: packages/components/src/info/shared.tsx
+- Type: Server component
+- Detected signals: useQueryStates=no, stores=no, window/document=no, effects=no, fetch/call=no
+
+## Possible re-render causes
+- No obvious excessive re-render trigger beyond normal prop/context updates.
+
+## Possible bugs/risks
+- No critical bug is evident in this quick static pass; keep tests for error and loading paths.
+
+## Recommended improvements
+- Standardize loading/error handling and add regression tests to prevent divergent behavior across consuming apps.