@orsetra/shared-ui 1.5.21 → 1.5.23

package/components/ui/resources-input.tsx

@@ -19,7 +19,7 @@ const BASE_PATH = "/etc"
 function parseItem(item: string): { name: string; path: string } {
   const raw = item.startsWith(SECRET_PREFIX) ? item.slice(SECRET_PREFIX.length) : item
   const at = raw.indexOf("@")
-  if (at === -1) return { name: raw, path: BASE_PATH }
+  if (at === -1) return { name: raw, path: `${BASE_PATH}/camel` }
   return { name: raw.slice(0, at), path: raw.slice(at + 1) }
 }
 
@@ -59,7 +59,9 @@ export function ResourcesInput({ id, value, onChange, disabled = false, ...rest
   const handleAdd = () => {
     if (!draft) return
     const built = normalize([draft])[0]
-    if (!built || items.includes(built)) return
+    if (!built) return
+    const name = parseItem(built).name
+    if (items.some(item => parseItem(item).name === name)) return
     const next = [...items, built]
     setItems(next)
     onChange?.(next)
@@ -80,7 +82,7 @@ export function ResourcesInput({ id, value, onChange, disabled = false, ...rest
 
   const confirmPathEdit = (index: number) => {
     const { name } = parseItem(items[index])
-    const fullPath = `${BASE_PATH}/${editingPathSuffix}`
+    const fullPath = editingPathSuffix ? `${BASE_PATH}/${editingPathSuffix}` : `${BASE_PATH}/camel`
     const next = items.map((item, i) => i === index ? buildItem(name, fullPath) : item)
     setItems(next)
     onChange?.(next)
@@ -121,7 +123,7 @@ export function ResourcesInput({ id, value, onChange, disabled = false, ...rest
                     if (e.key === "Escape") setEditingPathIndex(null)
                   }}
                   className="flex-1 text-sm font-mono text-ibm-gray-100 bg-transparent focus:outline-none min-w-0"
-                  placeholder="/myapp"
+                  placeholder="camel"
                 />
               </div>
             ) : (
@@ -155,7 +157,7 @@ export function ResourcesInput({ id, value, onChange, disabled = false, ...rest
 
       <div className="flex gap-2">
         <div className="flex-1">
-          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} />
+          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} exclude={items.map(item => parseItem(item).name)} />
         </div>
         <Button
           type="button"

package/components/ui/secret-input.tsx

@@ -12,6 +12,7 @@ interface SecretInputProps {
   disabled?: boolean
   className?: string
   placeholder?: string
+  exclude?: string[]
 }
 
 export function SecretInput({
@@ -22,6 +23,7 @@ export function SecretInput({
   disabled,
   className,
   placeholder = "Select a secret",
+  exclude = [],
 }: SecretInputProps) {
   const ctx = useSecretContext()
 
@@ -32,8 +34,10 @@ export function SecretInput({
       </div>
     )
   }
- console.log(type)
-  const secrets = ctx.secretsMap.get(type || 'configs') || []
+
+  const secrets = (ctx.secretsMap.get(type || 'configs') || [])
+    .filter(s => !exclude.includes(s.name))
+
   return (
     <div className="flex items-center gap-2">
       <SelectInput

package/components/ui/secrets-input.tsx

@@ -47,8 +47,10 @@ export function SecretsInput({ id, value, onChange, disabled = false, ...rest }:
 
   const handleAdd = () => {
     if (!draft) return
-    const built = buildItem(draft)
-    if (items.includes(built)) return
+    const built = normalize([draft])[0]
+    if (!built) return
+    const name = parseName(built)
+    if (items.some(item => parseName(item) === name)) return
     const next = [...items, built]
     setItems(next)
     onChange?.(next)
@@ -89,7 +91,7 @@ export function SecretsInput({ id, value, onChange, disabled = false, ...rest }:
 
       <div className="flex gap-2">
         <div className="flex-1">
-          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} />
+          <SecretInput value={draft} onChange={setDraft} disabled={disabled} type={id} exclude={items.map(parseName)} />
         </div>
         <Button
           type="button"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.5.21",
+  "version": "1.5.23",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",