🔧 Misc

Author: arnaud

CITATION.cff

@@ -4,6 +4,6 @@ authors:
   - family-names: 'Leymet'
     given-names: 'Arnaud'
 title: 'DEVS'
-version: 0.7.1
-date-released: 2026-03-05
+version: 0.7.2
+date-released: 2026-03-07
 url: 'https://github.com/codename-co/devs'

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "devs",
   "private": true,
-  "version": "0.7.1",
+  "version": "0.7.2",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
@@ -104,4 +104,4 @@
     "vitest": "^3.2.4",
     "yaml": "^2.8.1"
   }
-}
+}

package.json

@@ -44,6 +44,7 @@ export const ArtifactCard = memo(
       return (
         <Card
           isPressable
+          fullWidth
           onPress={handleOpen}
           shadow="none"
           className="border border-default-200 bg-default-50 hover:bg-default-100"
@@ -60,6 +61,7 @@ export const ArtifactCard = memo(
                 Markdown
               </span>
             </div>
+            <Icon name="NavArrowRight" size="md" className="text-default-500" />
             {/* <Button
               size="sm"
               variant="light"

src/components/ArtifactCard.tsx

@@ -101,8 +101,8 @@ const InspectorContent = memo(({ item }: { item: InspectorItem }) => {
               </Tooltip>
             )}
 
-            <div className="flex items-center gap-2 flex-1 min-w-0">
-              <Icon name={icon} className="w-4 h-4 text-default-500 shrink-0" />
+            <div className="flex items-center gap-4 px-4 h-14 max-w-full flex-1 min-w-0">
+              <Icon name={icon} size="md" className="text-default-500" />
               <span className="text-sm font-medium truncate">{title}</span>
             </div>
 
@@ -162,17 +162,17 @@ InspectorBody.displayName = 'InspectorBody'
 
 const ArtifactBody = memo(
   ({ artifact }: { artifact: import('@/types').Artifact }) => {
-    const statusColor =
-      artifact.status === 'approved' || artifact.status === 'final'
-        ? 'success'
-        : artifact.status === 'rejected'
-          ? 'danger'
-          : 'warning'
+    // const statusColor =
+    //   artifact.status === 'approved' || artifact.status === 'final'
+    //     ? 'success'
+    //     : artifact.status === 'rejected'
+    //       ? 'danger'
+    //       : 'warning'
 
     return (
       <div className="space-y-4">
         {/* Meta chips */}
-        <div className="flex flex-wrap gap-2">
+        {/* <div className="flex flex-wrap gap-2">
           <Chip size="sm" variant="flat" color={statusColor}>
             {artifact.status}
           </Chip>
@@ -182,11 +182,11 @@ const ArtifactBody = memo(
           <Chip size="sm" variant="flat" color="default">
             v{artifact.version}
           </Chip>
-        </div>
+        </div> */}
 
-        {artifact.description && (
+        {/* {artifact.description && (
           <p className="text-sm text-default-600">{artifact.description}</p>
-        )}
+        )} */}
 
         {/* Full content */}
         <div className="rounded-lg bg-default-50 dark:bg-default-100/30 p-4">

src/components/InspectorPanel.tsx

@@ -538,11 +538,21 @@ export const PromptArea = forwardRef<HTMLTextAreaElement, PromptAreaProps>(
       (agent: Agent) => {
         const name = agent.i18n?.[lang]?.name ?? agent.name
         const escaped = name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+        const hyphenatedName = name
+          .replace(/\s+/g, '-')
+          .replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
         const noSpaceName = name.replace(/\s+/g, '')
         const newPrompt = prompt
-          .replace(new RegExp(`(^|\\s)@\\[${escaped}\\]\\s?`, 'i'), '$1')
-          .replace(new RegExp(`(^|\\s)@${noSpaceName}\\b\\s?`, 'i'), '$1')
-          .replace(new RegExp(`(^|\\s)@${agent.id}\\b\\s?`, 'i'), '$1')
+          .replace(new RegExp(`(^|\\s)@\\[${escaped}\\]\\s?`, 'iu'), '$1')
+          .replace(
+            new RegExp(`(^|\\s)@${hyphenatedName}(?=[\\s]|$)\\s?`, 'iu'),
+            '$1',
+          )
+          .replace(
+            new RegExp(`(^|\\s)@${noSpaceName}(?=[\\s]|$)\\s?`, 'iu'),
+            '$1',
+          )
+          .replace(new RegExp(`(^|\\s)@${agent.id}(?=[\\s]|$)\\s?`, 'iu'), '$1')
           .replace(/\s+/g, ' ')
           .trim()
         handlePromptChange(newPrompt)
@@ -563,8 +573,8 @@ export const PromptArea = forwardRef<HTMLTextAreaElement, PromptAreaProps>(
           '\\$&',
         )
         const newPrompt = prompt
-          .replace(new RegExp(`#${name}\\b\\s?`, 'i'), '')
-          .replace(new RegExp(`#${id}\\b\\s?`, 'i'), '')
+          .replace(new RegExp(`#${name}(?=[\\s]|$)\\s?`, 'iu'), '')
+          .replace(new RegExp(`#${id}(?=[\\s]|$)\\s?`, 'iu'), '')
           .replace(/\s+/g, ' ')
           .trim()
         handlePromptChange(newPrompt)
@@ -580,8 +590,8 @@ export const PromptArea = forwardRef<HTMLTextAreaElement, PromptAreaProps>(
           .replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
         const id = skill.id.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
         const newPrompt = prompt
-          .replace(new RegExp(`(^|\\s)\\/${name}\\b\\s?`, 'i'), '$1')
-          .replace(new RegExp(`(^|\\s)\\/${id}\\b\\s?`, 'i'), '$1')
+          .replace(new RegExp(`(^|\\s)\\/${name}(?=[\\s]|$)\\s?`, 'iu'), '$1')
+          .replace(new RegExp(`(^|\\s)\\/${id}(?=[\\s]|$)\\s?`, 'iu'), '$1')
           .replace(/\s+/g, ' ')
           .trim()
         handlePromptChange(newPrompt)
@@ -600,8 +610,11 @@ export const PromptArea = forwardRef<HTMLTextAreaElement, PromptAreaProps>(
           '\\$&',
         )
         const newPrompt = prompt
-          .replace(new RegExp(`(^|\\s)\\/${name}\\b\\s?`, 'i'), '$1')
-          .replace(new RegExp(`(^|\\s)\\/${provider}\\b\\s?`, 'i'), '$1')
+          .replace(new RegExp(`(^|\\s)\\/${name}(?=[\\s]|$)\\s?`, 'iu'), '$1')
+          .replace(
+            new RegExp(`(^|\\s)\\/${provider}(?=[\\s]|$)\\s?`, 'iu'),
+            '$1',
+          )
           .replace(/\s+/g, ' ')
           .trim()
         handlePromptChange(newPrompt)

src/components/PromptArea/index.tsx

@@ -28,8 +28,8 @@ interface AgentMentionResult {
 }
 
 // Regex to detect @mentions while typing:
-// Matches @word-characters including hyphens and dots (spaces in agent names are auto-replaced with "-")
-const MENTION_REGEX = /@([\w.-]*)$/
+// Matches @word-characters including hyphens, dots, and Unicode letters (spaces in agent names are auto-replaced with "-")
+const MENTION_REGEX = /@([\p{L}\p{N}\w.-]*)$/u
 
 export function useAgentMention({
   lang,
@@ -159,7 +159,7 @@ export function useAgentMention({
     const mentions: Agent[] = []
 
     // Extract @hyphenated-name mentions
-    const mentionMatches = prompt.matchAll(/(^|[\s])@([\w.-]+)/g)
+    const mentionMatches = prompt.matchAll(/(^|[\s])@([\p{L}\p{N}\w.-]+)/gu)
     for (const match of mentionMatches) {
       const mentionName = match[2].toLowerCase()
       const agent = availableAgents.find((a) => {
@@ -184,7 +184,7 @@ export function useAgentMention({
   const removeMentionsFromPrompt = useCallback((text: string): string => {
     // Replace @hyphenated-name mentions with empty string, cleaning up extra spaces
     return text
-      .replace(/(^|[\s])@[\w.-]+\s*/g, '$1')
+      .replace(/(^|[\s])@[\p{L}\p{N}\w.-]+\s*/gu, '$1')
       .replace(/\s+/g, ' ')
       .trim()
   }, [])

src/components/PromptArea/useAgentMention.ts

@@ -55,7 +55,7 @@ export const Tabbar = ({ className = '' }) => {
         key="/"
         // data-color="primary"
         title={
-          <Tooltip content={t('New chat')} placement="top">
+          <Tooltip content={t('New Task')} placement="top">
             <Icon name="PlusCircleSolid" size="lg" />
           </Tooltip>
         }