support duplicated tag (#3380)

* fix: support duplicate tags
Signed-off-by: Philippe Martin <[email protected]>

* fix: use llama-stack tag for framework
Signed-off-by: Philippe Martin <[email protected]>

Author: feloy

packages/backend/src/assets/ai.json

@@ -285,7 +285,7 @@
       "readme": "# Chat Application\n\n  This recipe helps developers start building their own custom LLM enabled chat applications.\n\n  There are a few options today for local Model Serving, but this recipe will use [`Llama Stack`](https://llama-stack.readthedocs.io/en/latest/).\n\n  The AI Application will connect to the Model Service via its API. The recipe relies on [Llama Stack Client Python SDK](https://github.com/meta-llama/llama-stack-client-python) to simplify communication with the Model Service and uses [Streamlit](https://streamlit.io/) for the UI layer. \n\n## Try the Chat Application\n\nThe [Podman Desktop](https://podman-desktop.io) [AI Lab Extension](https://github.com/containers/podman-desktop-extension-ai-lab) includes this recipe among others. To try it out, open `Recipes Catalog` -> `Chatbot using Llama Stack` and follow the instructions to start the application.\n",
       "backend": "llama-stack",
       "languages": ["python"],
-      "frameworks": ["streamlit", "llama-stack-sdk"]
+      "frameworks": ["streamlit", "llama-stack"]
     }
   ],
   "models": [

packages/frontend/src/lib/RecipeCardTags.svelte

@@ -117,7 +117,7 @@ function toggleExpanded(): void {
   class="w-full flex flex-row gap-2 py-2"
   class:overflow-hidden={!expanded}
   class:flex-wrap={expanded}>
-  {#each TAGS as tag, i (tag)}
+  {#each TAGS as tag, i (i)}
     <div bind:this={divTags[i]}>
       <Badge class="{getBGColor(tag)} {getTextColor(tag)}" content={updateContent(tag)} />
     </div>