@openforge-app/plugin-sdk 0.1.0 → 0.2.4

package/dist/ui/FileTypeIcon.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import { getFileIconName, getFolderIconName } from '../fileIcons'
+
+  interface Props {
+    filename?: string
+    folder?: boolean
+    open?: boolean
+    class?: string
+  }
+
+  let { filename, folder = false, open = false, class: className = '' }: Props = $props()
+
+  // Curated, vendored set only (~45 files) — eager raw is fine and avoids runtime asset URLs.
+  const icons = import.meta.glob('./icons/*.svg', {
+    query: '?raw',
+    import: 'default',
+    eager: true,
+  }) as Record<string, string>
+
+  let iconName = $derived(folder ? getFolderIconName(open) : getFileIconName(filename ?? ''))
+  let svg = $derived(icons[`./icons/${iconName}.svg`] ?? icons['./icons/file.svg'] ?? '')
+</script>
+
+<span
+  class="file-type-icon inline-flex items-center justify-center shrink-0 {className}"
+  data-icon={iconName}
+  aria-hidden="true"
+>
+  {@html svg}
+</span>
+
+<style>
+  .file-type-icon :global(svg) {
+    width: 100%;
+    height: 100%;
+  }
+</style>

package/dist/ui/MarkdownContent.svelte

@@ -1,30 +1,90 @@
 <script lang="ts">
-  import { renderMarkdownHtml } from '../markdown'
+  import { onDestroy } from 'svelte'
+  import { getMarkdownRepositoryLinkSuffix, renderMarkdownHtml, resolveMarkdownRepositoryPath } from '../markdown'
 
   interface Props {
     content: string
     imageBaseUrl?: string | null
+    markdownFilePath?: string | null
+    resolveRepositoryImage?: (repositoryPath: string) => Promise<string | null>
+    onOpenRepositoryPath?: (repositoryPath: string, suffix: string) => void | Promise<void>
     onOpenUrl?: (url: string) => void | Promise<void>
   }
 
-  let { content, imageBaseUrl = null, onOpenUrl }: Props = $props()
+  let {
+    content,
+    imageBaseUrl = null,
+    markdownFilePath = null,
+    resolveRepositoryImage,
+    onOpenRepositoryPath,
+    onOpenUrl,
+  }: Props = $props()
 
-  let html = $derived(renderMarkdownHtml(content, { imageBaseUrl }))
+  let root = $state<HTMLDivElement | null>(null)
+  let imageResolutionId = 0
+  let html = $derived(renderMarkdownHtml(content, {
+    imageBaseUrl: resolveRepositoryImage ? null : imageBaseUrl,
+    markdownFilePath,
+    deferRepositoryImages: Boolean(resolveRepositoryImage),
+  }))
 
-  function handleClick(e: MouseEvent) {
-    if (!(e.target instanceof Element)) return
+  async function resolveRepositoryImages(runId: number) {
+    if (!root || !markdownFilePath || !resolveRepositoryImage) return
 
-    const anchor = e.target.closest('a')
-    if (anchor?.href) {
-      e.preventDefault()
-      if (onOpenUrl) {
-        void onOpenUrl(anchor.href)
+    const images = Array.from(root.querySelectorAll('img[data-markdown-repository-path]'))
+    await Promise.all(images.map(async (image) => {
+      const repositoryPath = image.getAttribute('data-markdown-repository-path')
+      if (!repositoryPath) return
+
+      try {
+        const resolvedSrc = await resolveRepositoryImage(repositoryPath)
+        if (runId !== imageResolutionId || !resolvedSrc) return
+        image.setAttribute('src', resolvedSrc)
+        image.removeAttribute('data-markdown-repository-path')
+      } catch {
+        // Leave the image inert when an asset is missing or cannot be previewed.
+      }
+    }))
+  }
+
+  $effect(() => {
+    const runId = ++imageResolutionId
+    void html
+    if (!root || !markdownFilePath || !resolveRepositoryImage) return
+
+    void resolveRepositoryImages(runId)
+  })
+
+  onDestroy(() => {
+    imageResolutionId++
+  })
+
+  function handleClick(event: MouseEvent) {
+    if (!(event.target instanceof Element)) return
+
+    const anchor = event.target.closest('a')
+    const href = anchor?.getAttribute('href')
+    if (!anchor || !href) return
+
+    if (markdownFilePath) {
+      const repositoryPath = resolveMarkdownRepositoryPath(href, markdownFilePath)
+      if (repositoryPath) {
+        event.preventDefault()
+        void onOpenRepositoryPath?.(repositoryPath, getMarkdownRepositoryLinkSuffix(href))
+        return
       }
     }
+
+    if (href.startsWith('#')) return
+
+    event.preventDefault()
+    if (onOpenUrl && anchor.href) {
+      void onOpenUrl(href.startsWith('//') ? `https:${href}` : anchor.href)
+    }
   }
 </script>
 
 <!-- svelte-ignore a11y_click_events_have_key_events -->
-<div role="presentation" class="markdown-body" onclick={handleClick}>
+<div bind:this={root} role="presentation" class="markdown-body" onclick={handleClick}>
   {@html html}
 </div>

package/dist/ui/Modal.svelte

@@ -0,0 +1,157 @@
+<script lang="ts">
+  import { onDestroy, tick } from 'svelte'
+  import type { Snippet } from 'svelte'
+
+  export type ModalInitialFocus = HTMLElement | string | (() => HTMLElement | null | undefined) | null | undefined
+
+  interface Props {
+    onClose: () => void
+    maxWidth?: string
+    overflowVisible?: boolean
+    initialFocus?: ModalInitialFocus
+    ariaLabel?: string
+    showHeader?: boolean
+    closeLabel?: string
+    closeDisabled?: boolean
+    onKeydown?: (event: KeyboardEvent) => boolean | void
+    testId?: string
+    modalClass?: string
+    boxClass?: string
+    header?: Snippet
+    children: Snippet
+  }
+
+  let { onClose, maxWidth = '500px', overflowVisible = false, initialFocus, ariaLabel, showHeader = true, closeLabel = 'Close dialog', closeDisabled = false, onKeydown, testId, modalClass = '', boxClass = '', header, children }: Props = $props()
+
+  let modalElement: HTMLDivElement | null = $state(null)
+  let hasAppliedInitialFocus = false
+  const returnFocusTarget = typeof document !== 'undefined'
+    && document.activeElement instanceof HTMLElement
+    && document.activeElement !== document.body
+    ? document.activeElement
+    : null
+
+  onDestroy(() => {
+    if (!returnFocusTarget?.isConnected) return
+
+    const activeElement = document.activeElement
+    const focusRemainedInModal = activeElement === document.body
+      || (activeElement instanceof HTMLElement && !activeElement.isConnected)
+      || (activeElement instanceof Node && modalElement?.contains(activeElement))
+
+    if (focusRemainedInModal) returnFocusTarget.focus()
+  })
+
+  function resolveInitialFocusTarget(): HTMLElement | null {
+    if (!modalElement) return null
+
+    if (typeof initialFocus === 'function') {
+      return initialFocus() ?? modalElement
+    }
+
+    if (typeof initialFocus === 'string') {
+      return modalElement.querySelector<HTMLElement>(initialFocus) ?? modalElement
+    }
+
+    return initialFocus ?? modalElement
+  }
+
+  function focusInitialTarget() {
+    const target = resolveInitialFocusTarget()
+    target?.focus()
+
+    if (initialFocus !== undefined) {
+      void tick().then(() => {
+        const active = document.activeElement
+        if (active === document.body || active === modalElement || (active && !modalElement?.contains(active))) {
+          resolveInitialFocusTarget()?.focus()
+        }
+      })
+    }
+  }
+
+  $effect(() => {
+    if (!modalElement || hasAppliedInitialFocus) return
+
+    hasAppliedInitialFocus = true
+    void focusInitialTarget()
+  })
+
+  function getFocusableElements(): HTMLElement[] {
+    if (!modalElement) return []
+
+    const selector = [
+      'a[href]',
+      'button:not([disabled])',
+      'textarea:not([disabled])',
+      'input:not([disabled])',
+      'select:not([disabled])',
+      '[tabindex]:not([tabindex="-1"])',
+    ].join(',')
+
+    return Array.from(modalElement.querySelectorAll<HTMLElement>(selector))
+      .filter((element) => !element.hasAttribute('disabled') && element.getAttribute('aria-hidden') !== 'true')
+  }
+
+  function keepFocusInsideModal(e: KeyboardEvent) {
+    const focusable = getFocusableElements()
+    if (focusable.length === 0) {
+      e.preventDefault()
+      modalElement?.focus()
+      return
+    }
+
+    const first = focusable[0]
+    const last = focusable[focusable.length - 1]
+    const active = document.activeElement
+
+    if (e.shiftKey && (active === first || active === modalElement || !modalElement?.contains(active))) {
+      e.preventDefault()
+      last.focus()
+    } else if (!e.shiftKey && active === last) {
+      e.preventDefault()
+      first.focus()
+    }
+  }
+
+  function handleKeydown(e: KeyboardEvent) {
+    if (onKeydown?.(e)) {
+      e.stopPropagation()
+      return
+    }
+
+    if (e.metaKey || e.ctrlKey || e.altKey) return
+
+    e.stopPropagation()
+
+    if (e.key === 'Escape') {
+      if (!closeDisabled) onClose()
+    } else if (e.key === 'Tab') {
+      keepFocusInsideModal(e)
+    }
+  }
+
+  function handleOverlayClick(e: MouseEvent) {
+    if (!closeDisabled && e.target === e.currentTarget) {
+      onClose()
+    }
+  }
+
+  function handleCloseButtonClick() {
+    if (!closeDisabled) onClose()
+  }
+</script>
+
+<div bind:this={modalElement} class="modal modal-open {modalClass}" data-testid={testId} onclick={handleOverlayClick} onkeydown={handleKeydown} role="dialog" aria-modal="true" aria-label={ariaLabel} tabindex="-1">
+  <div class="modal-box bg-base-100 shadow-xl p-0 flex flex-col max-h-[90vh] {overflowVisible ? 'overflow-visible' : ''} {boxClass}" style="max-width: {maxWidth}">
+    {#if showHeader}
+      <div class="flex items-center justify-between px-5 py-4 border-b border-base-300">
+        {#if header}
+          {@render header()}
+        {/if}
+        <button class="btn btn-ghost btn-xs shrink-0" aria-label={closeLabel} onclick={handleCloseButtonClick} type="button" disabled={closeDisabled}>✕</button>
+      </div>
+    {/if}
+    {@render children()}
+  </div>
+</div>

package/dist/ui/PluginPageHeader.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    title: string
+    subtitle?: string | null
+    surface?: 'default' | 'subtle'
+    actions?: Snippet
+  }
+
+  let { title, subtitle = null, surface = 'subtle', actions }: Props = $props()
+</script>
+
+<header class="flex items-center justify-between gap-4 border-b border-base-300 px-6 py-3 shrink-0 {surface === 'default' ? 'bg-base-100' : 'bg-base-200'}">
+  <div class="min-w-0">
+    <h2 class="text-[22px] font-semibold text-base-content tracking-tight m-0 truncate">{title}</h2>
+    {#if subtitle}
+      <p class="text-[13px] text-secondary mt-0.5 m-0 truncate">{subtitle}</p>
+    {/if}
+  </div>
+  {#if actions}
+    <div class="shrink-0">
+      {@render actions()}
+    </div>
+  {/if}
+</header>

package/dist/ui/PluginSidebarLink.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    accessibleName: string
+    active: boolean
+    collapsed: boolean
+    onActivate: () => void
+    leading?: Snippet
+    label?: Snippet
+    trailing?: Snippet
+    class?: string
+  }
+
+  let {
+    accessibleName,
+    active,
+    collapsed,
+    onActivate,
+    leading,
+    label,
+    trailing,
+    class: className,
+  }: Props = $props()
+
+  function handleKeydown(event: KeyboardEvent): void {
+    if (event.key !== 'Enter' && event.key !== ' ') return
+    event.preventDefault()
+    onActivate()
+  }
+</script>
+
+<button
+  type="button"
+  class={[
+    'relative mx-2 flex min-h-11 w-auto items-center rounded-lg gap-3 py-2.5 cursor-pointer transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary',
+    collapsed ? 'justify-center px-0' : 'px-3',
+    active ? 'bg-primary/10 text-primary' : 'text-base-content/55 hover:bg-base-200 hover:text-base-content',
+    className,
+  ]}
+  title={collapsed ? accessibleName : undefined}
+  aria-label={accessibleName}
+  aria-current={active ? 'page' : undefined}
+  onclick={onActivate}
+  onkeydown={handleKeydown}
+>
+  {#if leading}
+    <span class="relative shrink-0">{@render leading()}</span>
+  {/if}
+  {#if !collapsed}
+    {#if label}<span class="min-w-0 text-sm font-medium">{@render label()}</span>{/if}
+    {#if trailing}<span class="ml-auto shrink-0">{@render trailing()}</span>{/if}
+  {/if}
+</button>

package/dist/ui/PluginViewState.svelte

@@ -0,0 +1,76 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Props {
+    loading?: boolean
+    loadingLabel?: string
+    error?: string | null
+    errorTitle?: string
+    empty?: boolean
+    emptyTitle?: string
+    emptyDescription?: string | null
+    retryLabel?: string
+    retryDisabled?: boolean
+    onRetry?: () => void
+    errorActions?: Snippet
+    emptyActions?: Snippet
+    children?: Snippet
+  }
+
+  let {
+    loading = false,
+    loadingLabel = 'Loading…',
+    error = null,
+    errorTitle = 'Unable to load',
+    empty = false,
+    emptyTitle = 'Nothing to show',
+    emptyDescription = null,
+    retryLabel = 'Retry',
+    retryDisabled = false,
+    onRetry,
+    errorActions,
+    emptyActions,
+    children,
+  }: Props = $props()
+
+  function handleRetry() {
+    if (retryDisabled) return
+    onRetry?.()
+  }
+</script>
+
+{#if loading}
+  <div class="flex h-full min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-center text-sm text-base-content/70" role="status" aria-live="polite">
+    <span class="loading loading-spinner loading-md text-primary" aria-label={loadingLabel}></span>
+    <span>{loadingLabel}</span>
+  </div>
+{:else if error !== null}
+  <div class="flex h-full min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-center text-sm text-base-content/70" role="alert" aria-live="assertive">
+    <div class="badge badge-error badge-lg">Issue</div>
+    <h3 class="m-0 text-xl font-semibold text-base-content">{errorTitle}</h3>
+    {#if error}
+      <p class="m-0 max-w-md break-words text-base-content/70">{error}</p>
+    {/if}
+    {#if errorActions}
+      <div class="flex flex-wrap items-center justify-center gap-2 pt-1">
+        {@render errorActions()}
+      </div>
+    {:else if onRetry}
+      <button class="btn btn-primary btn-sm" type="button" onclick={handleRetry} disabled={retryDisabled}>{retryLabel}</button>
+    {/if}
+  </div>
+{:else if empty}
+  <div class="flex h-full min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-center text-sm text-base-content/70" role="status" aria-live="polite">
+    <h3 class="m-0 text-xl font-semibold text-base-content">{emptyTitle}</h3>
+    {#if emptyDescription}
+      <p class="m-0 max-w-md text-base-content/70">{emptyDescription}</p>
+    {/if}
+    {#if emptyActions}
+      <div class="flex flex-wrap items-center justify-center gap-2 pt-1">
+        {@render emptyActions()}
+      </div>
+    {/if}
+  </div>
+{:else}
+  {@render children?.()}
+{/if}

package/dist/ui/ResizablePanel.svelte

@@ -8,6 +8,7 @@
     minWidth?: number
     maxWidth?: number
     side?: 'left' | 'right'
+    label?: string
     children?: Snippet
   }
 
@@ -17,6 +18,7 @@
     minWidth = 120,
     maxWidth = 600,
     side = 'left',
+    label = side === 'left' ? 'left' : 'right',
     children,
   }: Props = $props()
 
@@ -119,6 +121,10 @@
       style="cursor: col-resize"
       role="separator"
       aria-orientation="vertical"
+      aria-label="Resize {label} panel"
+      aria-valuemin={minWidth}
+      aria-valuemax={maxWidth}
+      aria-valuenow={width}
       tabindex="0"
       onmousedown={onMouseDown}
       ondblclick={onDblClick}
@@ -137,6 +143,10 @@
       style="cursor: col-resize"
       role="separator"
       aria-orientation="vertical"
+      aria-label="Resize {label} panel"
+      aria-valuemin={minWidth}
+      aria-valuemax={maxWidth}
+      aria-valuenow={width}
       tabindex="0"
       onmousedown={onMouseDown}
       ondblclick={onDblClick}

package/dist/ui/icons/README.md

@@ -0,0 +1,9 @@
+# Vendored file-type icons
+
+These SVGs are copied from the MIT-licensed `vscode-material-icons` package
+(Material Icon Theme). Do not edit by hand.
+
+Regenerate after changing the icon maps / `BUNDLED_ICON_NAMES` in
+`../../fileIcons.ts` (and keep the `NAMES` list in the generator in sync):
+
+    pnpm --filter @openforge-app/plugin-sdk run icons:generate

package/dist/ui/icons/c.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M19.56348,22A5.56981,5.56981,0,0,1,14,16.43652v-2.873A5.56977,5.56977,0,0,1,19.56348,8H24V2H19.56348A11.56349,11.56349,0,0,0,8,13.56348v2.873A11.56354,11.56354,0,0,0,19.56348,28H24V22Z" style="fill:#0288d1"/></svg>

package/dist/ui/icons/console.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 19V7H4v12h16m0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16m-7 14v-2h5v2h-5m-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59z" fill="#ff7043"/></svg>

package/dist/ui/icons/cpp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon points="28 14 28 10 26 10 26 14 20 14 20 10 18 10 18 14 14 14 14 16 18 16 18 20 20 20 20 16 26 16 26 20 28 20 28 16 32 16 32 14 28 14" style="fill:#0288d1"/><path d="M13.56348,22A5.56981,5.56981,0,0,1,8,16.43652v-2.873A5.56977,5.56977,0,0,1,13.56348,8H18V2H13.56348A11.56349,11.56349,0,0,0,2,13.56348v2.873A11.56354,11.56354,0,0,0,13.56348,28H18V22Z" style="fill:#0288d1"/></svg>

package/dist/ui/icons/csharp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30,14V12H28V8H26v4H24V8H22v4H20v2h2v2H20v2h2v4h2V18h2v4h2V18h2V16H28V14Zm-4,2H24V14h2Z" style="fill:#0288d1"/><path d="M13.56348,22A5.56981,5.56981,0,0,1,8,16.43652v-2.873A5.56977,5.56977,0,0,1,13.56348,8H18V2H13.56348A11.56349,11.56349,0,0,0,2,13.56348v2.873A11.56354,11.56354,0,0,0,13.56348,28H18V22Z" style="fill:#0288d1"/></svg>

package/dist/ui/icons/css.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <polygon points="29.18 4 25.61 22.36 25.28 24 20.54 25.57 17.26 26.66 13.21 28 2.87 24.05 4.05 18 8.25 18 7.81 20.85 14.15 23.27 14.93 23.01 21.45 20.85 21.62 20.02 22.41 16 4.44 16 5.18 12.24 5.23 12 23.19 12 23.97 8 6 8 6.78 4 29.18 4" style="fill: #42a5f5"/>
+</svg>

package/dist/ui/icons/database.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16,24c-5.525,0-10-.9-10-2v4c0,1.1,4.475,2,10,2s10-.9,10-2V22C26,23.1,21.525,24,16,24Z" style="fill:#ffca28"/><path d="M16,16c-5.525,0-10-.9-10-2v4c0,1.1,4.475,2,10,2s10-.9,10-2V14C26,15.1,21.525,16,16,16Z" style="fill:#ffca28"/><path d="M16,4C10.47717,4,6,4.89539,6,6v4c0,1.1,4.475,2,10,2s10-.9,10-2V6C26,4.89539,21.52283,4,16,4Z" style="fill:#ffca28"/></svg>

package/dist/ui/icons/docker.svg

@@ -0,0 +1 @@
+<svg version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m21.81 10.25c-0.06-0.04-0.56-0.43-1.64-0.43-0.28 0-0.56 0.03-0.84 0.08-0.21-1.4-1.38-2.11-1.43-2.14l-0.29-0.17-0.18 0.27c-0.24 0.36-0.43 0.77-0.51 1.19-0.2 0.8-0.08 1.56 0.33 2.21-0.49 0.28-1.29 0.35-1.46 0.35h-13.17c-0.34 0-0.62 0.28-0.62 0.63 0 1.15 0.18 2.3 0.58 3.38 0.45 1.19 1.13 2.07 2 2.61 0.98 0.6 2.59 0.94 4.42 0.94 0.79 0 1.61-0.07 2.42-0.22 1.12-0.2 2.2-0.59 3.19-1.16 0.82-0.47 1.55-1.07 2.17-1.79 1.05-1.17 1.67-2.5 2.12-3.65h0.19c1.14 0 1.85-0.46 2.24-0.85 0.26-0.24 0.45-0.53 0.59-0.87l0.08-0.24-0.19-0.14m-17.96 0.99h1.76c0.08 0 0.16-0.07 0.16-0.16v-1.58c0-0.08-0.07-0.16-0.16-0.16h-1.76c-0.09 0-0.16 0.07-0.16 0.16v1.58c0.01 0.09 0.07 0.16 0.16 0.16m2.43 0h1.76c0.08 0 0.16-0.07 0.16-0.16v-1.58c0-0.08-0.07-0.16-0.16-0.16h-1.76c-0.09 0-0.16 0.07-0.16 0.16v1.58c0.01 0.09 0.07 0.16 0.16 0.16m2.47 0h1.75c0.1 0 0.17-0.07 0.17-0.16v-1.58c0-0.08-0.06-0.16-0.17-0.16h-1.75c-0.08 0-0.15 0.07-0.15 0.16v1.58c0 0.09 0.06 0.16 0.15 0.16m2.44 0h1.77c0.08 0 0.15-0.07 0.15-0.16v-1.58c0-0.08-0.06-0.16-0.15-0.16h-1.77c-0.08 0-0.15 0.07-0.15 0.16v1.58c0 0.09 0.07 0.16 0.15 0.16m-4.91-2.24h1.76c0.08 0 0.16-0.09 0.16-0.18v-1.57c0-0.09-0.07-0.16-0.16-0.16h-1.76c-0.09 0-0.16 0.06-0.16 0.16v1.57c0.01 0.09 0.07 0.18 0.16 0.18m2.47 0h1.75c0.1 0 0.17-0.09 0.17-0.18v-1.57c0-0.09-0.06-0.16-0.17-0.16h-1.75c-0.08 0-0.15 0.06-0.15 0.16v1.57c0 0.09 0.06 0.18 0.15 0.18m2.44 0h1.77c0.08 0 0.15-0.09 0.15-0.18v-1.57c0-0.09-0.07-0.16-0.15-0.16h-1.77c-0.08 0-0.15 0.06-0.15 0.16v1.57c0 0.09 0.07 0.18 0.15 0.18m0-2.28h1.77c0.08 0 0.15-0.07 0.15-0.16v-1.56c0-0.1-0.07-0.17-0.15-0.17h-1.77c-0.08 0-0.15 0.06-0.15 0.17v1.56c0 0.08 0.07 0.16 0.15 0.16m2.46 4.52h1.76c0.09 0 0.16-0.07 0.16-0.16v-1.58c0-0.08-0.07-0.16-0.16-0.16h-1.76c-0.08 0-0.15 0.07-0.15 0.16v1.58c0 0.09 0.07 0.16 0.15 0.16" fill="#0087c9"/></svg>

package/dist/ui/icons/document.svg

@@ -0,0 +1,4 @@
+<svg width="24px" height="24px" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="M0 0h24v24H0V0z" fill="none"/>
+ <path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z" fill="#42a5f5"/>
+</svg>

package/dist/ui/icons/file.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 9h5.5L13 3.5V9M6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m5 2H6v16h12v-9h-7V4z" fill="#90a4ae" /></svg>

package/dist/ui/icons/folder-open.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M28.96692,12H9.44152a2,2,0,0,0-1.89737,1.36754L4,24V10H28a2,2,0,0,0-2-2H15.1241a2,2,0,0,1-1.28038-.46357L12.5563,6.46357A2,2,0,0,0,11.27592,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H26l4.80523-11.21213A2,2,0,0,0,28.96692,12Z" fill="#90a4ae" /></svg>

package/dist/ui/icons/folder.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M13.84376,7.53645l-1.28749-1.0729A2,2,0,0,0,11.27591,6H4A2,2,0,0,0,2,8V24a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2H15.12412A2,2,0,0,1,13.84376,7.53645Z" fill="#90a4ae" /></svg>

package/dist/ui/icons/git.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M13.17157,2.82843,11.78,4.22l1.91,1.91,2,2A2.98634,2.98634,0,0,1,20,10.81a3.24762,3.24762,0,0,1-.31,1.31l2.06,2a2.68305,2.68305,0,0,1,3.37.57A2.86047,2.86047,0,0,1,26,16.80725a3.01491,3.01491,0,0,1-.856,2.10855A2.89268,2.89268,0,0,1,23,19.81a2.92912,2.92912,0,0,1-2.13-.87,2.69441,2.69441,0,0,1-.56-3.38l-2-2.06a2.54662,2.54662,0,0,1-.31.12V20a3.02384,3.02384,0,0,1,1.44,1.09A2.92105,2.92105,0,0,1,20,22.81a2.88288,2.88288,0,0,1-.878,2.128,2.98224,2.98224,0,0,1-2.04815.87125A2.98125,2.98125,0,0,1,14.56,21.09,3.02384,3.02384,0,0,1,16,20V13.62a2.9626,2.9626,0,0,1-1.44-1.09A2.89859,2.89859,0,0,1,14,10.81a2.86805,2.86805,0,0,1,.31-1.31l-3.9-3.9L2.83113,13.17157a4,4,0,0,0-.00135,5.65821L13.17157,29.17157a4,4,0,0,0,5.65686,0L29.17157,18.82843a4,4,0,0,0,0-5.65686L18.82843,2.82843A4,4,0,0,0,13.17157,2.82843Z" style="fill: #e64a19"/>
+</svg>

package/dist/ui/icons/go.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect x="2" y="12" width="4" height="2" style="fill:#00acc1"/><rect y="16" width="6" height="2" style="fill:#00acc1"/><rect x="4" y="20" width="2" height="2" style="fill:#00acc1"/><path d="M20.9541,15H14v3H17.239a4.41613,4.41613,0,0,1-3.531,2,2.64933,2.64933,0,0,1-2.05329-.85828,2.85507,2.85507,0,0,1-.62756-2.27887A4.51451,4.51451,0,0,1,15.29205,13a2.72468,2.72468,0,0,1,1.74872.58368L20.0025,12.399A5.60478,5.60478,0,0,0,15.29205,10a7.52569,7.52569,0,0,0-7.24292,6.5A5.61427,5.61427,0,0,0,13.708,23a7.52569,7.52569,0,0,0,7.24292-6.5A6.40392,6.40392,0,0,0,20.9541,15Z" style="fill:#00acc1"/><path d="M26.29205,10a7.52569,7.52569,0,0,0-7.24292,6.5A5.61427,5.61427,0,0,0,24.708,23a7.5258,7.5258,0,0,0,7.243-6.5A5.61428,5.61428,0,0,0,26.29205,10ZM28.973,16.13708A4.51463,4.51463,0,0,1,24.708,20a2.64906,2.64906,0,0,1-2.05323-.85822,2.85508,2.85508,0,0,1-.62762-2.27893A4.51451,4.51451,0,0,1,26.29205,13a2.64919,2.64919,0,0,1,2.05329.85822A2.855,2.855,0,0,1,28.973,16.13708Z" style="fill:#00acc1"/></svg>

package/dist/ui/icons/graphql.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect x="6" y="20" width="20" height="2" style="fill: #ec407a"/>
+  <circle cx="7" cy="21" r="3" style="fill: #ec407a"/>
+  <circle cx="16" cy="27" r="3" style="fill: #ec407a"/>
+  <circle cx="25" cy="21" r="3" style="fill: #ec407a"/>
+  <rect x="6" y="10" width="20" height="2" style="fill: #ec407a"/>
+  <circle cx="7" cy="11" r="3" style="fill: #ec407a"/>
+  <circle cx="16" cy="5" r="3" style="fill: #ec407a"/>
+  <circle cx="25" cy="11" r="3" style="fill: #ec407a"/>
+  <rect x="6" y="12" width="2" height="10" style="fill: #ec407a"/>
+  <rect x="24" y="10" width="2" height="12" style="fill: #ec407a"/>
+  <rect x="3.57231" y="22.70513" width="13.54352" height="2" transform="translate(13.44481 -1.97206) rotate(30.46034)" style="fill: #ec407a"/>
+  <rect x="13.57231" y="23.29487" width="13.54352" height="2" transform="translate(50.19633 34.92331) rotate(149.53966)" style="fill: #ec407a"/>
+  <rect x="4.59753" y="6.57997" width="13.54352" height="2" transform="translate(-2.29249 7.3106) rotate(-32.56204)" style="fill: #ec407a"/>
+  <rect x="13.85895" y="6.57997" width="13.54352" height="2" transform="translate(33.93883 25.07214) rotate(-147.43796)" style="fill: #ec407a"/>
+  <rect x="4.59753" y="23.42003" width="13.54352" height="2" transform="translate(14.93032 -2.28049) rotate(32.56204)" style="fill: #ec407a"/>
+  <rect x="13.85895" y="23.42003" width="13.54352" height="2" transform="translate(51.16163 33.89775) rotate(147.43796)" style="fill: #ec407a"/>
+  <rect x="1.10394" y="12.6161" width="21.47138" height="2" transform="translate(-5.75891 17.59934) rotate(-61.7454)" style="fill: #ec407a"/>
+  <rect x="9.42467" y="12.6161" width="21.47138" height="2" transform="translate(17.71031 37.82014) rotate(-118.2546)" style="fill: #ec407a"/>
+</svg>

package/dist/ui/icons/h.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M18.5,11A5.48994,5.48994,0,0,0,14,13.34375V4H8V28h6V17a2,2,0,0,1,4,0V28h6V16.5A5.5,5.5,0,0,0,18.5,11Z" style="fill: #0288d1"/>
+</svg>

package/dist/ui/icons/html.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M4,4,6,26l10,2,10-2L28,4Zm19.72,7H11.28l.29,3H23.43l-.80243,9.335L15.99,25,9.35522,23.3537,8.93,19h3.02l.19,2,3.86.77L19.84,21l.29-4H8.84L8,8H24Z" style="fill: #e44d26"/>
+</svg>

package/dist/ui/icons/image.svg

@@ -0,0 +1,3 @@
+<svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m13 9h5.5l-5.5-5.5v5.5m-7-7h8l6 6v12a2 2 0 0 1-2 2h-12c-1.11 0-2-0.9-2-2v-16c0-1.11 0.89-2 2-2m0 18h9 3v-8l-4 4-2-2-6 6m2-11a2 2 0 0 0-2 2 2 2 0 0 0 2 2 2 2 0 0 0 2-2 2 2 0 0 0-2-2z" fill="#26a69f"/>
+</svg>

package/dist/ui/icons/java.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <rect x="4" y="26" width="24" height="2" style="fill: #f44336"/>
+    <path d="M28,4H7A1,1,0,0,0,6,5V18a4,4,0,0,0,4,4H20a4,4,0,0,0,4-4V14h4a2,2,0,0,0,2-2V6A2,2,0,0,0,28,4Zm0,8H24V6h4Z" style="fill: #f44336"/>
+  </g>
+</svg>

package/dist/ui/icons/javascript.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m2 2h12v12h-12v-12m3.1533 10.027c0.26667 0.56667 0.79333 1.0333 1.6933 1.0333 1 0 1.6867-0.53333 1.6867-1.7v-3.8533h-1.1333v3.8267c0 0.57333-0.23333 0.72-0.6 0.72-0.38667 0-0.54667-0.26667-0.72667-0.58l-0.92 0.55333m3.9867-0.12c0.33333 0.65333 1.0067 1.1533 2.06 1.1533 1.0667 0 1.8667-0.55333 1.8667-1.5733 0-0.94-0.54-1.36-1.5-1.7733l-0.28-0.12c-0.48667-0.20667-0.69333-0.34667-0.69333-0.68 0-0.27333 0.20667-0.48667 0.54-0.48667 0.32 0 0.53333 0.14 0.72667 0.48667l0.87333-0.58c-0.36667-0.64-0.88667-0.88667-1.6-0.88667-1.0067 0-1.6533 0.64-1.6533 1.4867 0 0.92 0.54 1.3533 1.3533 1.7l0.28 0.12c0.52 0.22667 0.82667 0.36667 0.82667 0.75333 0 0.32-0.3 0.55333-0.76667 0.55333-0.55333 0-0.87333-0.28667-1.1133-0.68667z" fill="#ffca28" stroke-width=".66667"/>
+</svg>

package/dist/ui/icons/json.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" version="1.1" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg">
+ <path d="M560-160v-80h120q17 0 28.5-11.5T720-280v-80q0-38 22-69t58-44v-14q-36-13-58-44t-22-69v-80q0-17-11.5-28.5T680-720H560v-80h120q50 0 85 35t35 85v80q0 17 11.5 28.5T840-560h40v160h-40q-17 0-28.5 11.5T800-360v80q0 50-35 85t-85 35H560Zm-280 0q-50 0-85-35t-35-85v-80q0-17-11.5-28.5T120-400H80v-160h40q17 0 28.5-11.5T160-600v-80q0-50 35-85t85-35h120v80H280q-17 0-28.5 11.5T240-680v80q0 38-22 69t-58 44v14q36 13 58 44t22 69v80q0 17 11.5 28.5T280-240h120v80H280Z" fill="#f9a825"/>
+</svg>

package/dist/ui/icons/kotlin.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="a" x1="1.725" x2="22.185" y1="22.67" y2="1.982" gradientTransform="translate(1.306 1.129) scale(.89324)" gradientUnits="userSpaceOnUse"><stop stop-color="#0296d8" offset="0"/><stop stop-color="#8371d9" offset="1"/></linearGradient><linearGradient id="b" x1="1.869" x2="22.798" y1="22.382" y2="3.377" gradientTransform="translate(1.323 1.129) scale(.89324)" gradientUnits="userSpaceOnUse"><stop stop-color="#cb55c0" offset="0"/><stop stop-color="#f28e0e" offset="1"/></linearGradient></defs><path d="M2.975 2.976v18.048h18.05v-.03l-4.478-4.511-4.48-4.515 4.48-4.515 4.443-4.477z" fill="url(#a)"/><path d="m12.223 2.976-9.23 9.23v8.818h.083l9.032-9.032-.024-.024 4.48-4.515 4.443-4.477h-8.784z" fill="url(#b)"/></svg>

package/dist/ui/icons/lock.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path d="M25,12H22V8A6,6,0,0,0,10,8v4H7a1,1,0,0,0-1,1V29a1,1,0,0,0,1,1H25a1,1,0,0,0,1-1V13A1,1,0,0,0,25,12ZM14,8a2,2,0,0,1,4,0v4H14Zm2,17a4,4,0,1,1,4-4A4,4,0,0,1,16,25Z" style="fill: #ffd54f"/>
+</svg>

package/dist/ui/icons/markdown.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <polygon points="14 10 10 13.5 6 10 4 10 4 22 8 22 8 16 10 18 12 16 12 22 16 22 16 10 14 10" style="fill: #42a5f5"/>
+    <polygon points="26 16 26 10 22 10 22 16 18 16 24 24 30 16 26 16" style="fill: #42a5f5"/>
+  </g>
+</svg>

package/dist/ui/icons/nodejs.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g>
+    <path d="M16,20.00258v2h4a2,2,0,0,0,2-2v-2a2,2,0,0,0-2-2H18v-2h4v-2H18a2,2,0,0,0-2,2v2a2,2,0,0,0,2,2h2v2Z" style="fill: #8bc34a"/>
+    <path d="M16,3.00258l-12,7v14l4,2h6v-13.5a.5.5,0,0,0-.5-.5h-1a.5.5,0,0,0-.5.5v11.5H7.99986L6,22.96875V11.15132L16,5.318l10,5.83331V22.85384L16,28.68715l-1.74542-1.022L13,29.25258l3,1.75,12-7v-14Z" style="fill: #8bc34a"/>
+  </g>
+</svg>