artifactuse 0.2.0 → 0.2.3

package/dist/vue2/index.js

@@ -131,6 +131,40 @@ function getLanguageDisplayName(language) {
     form: 'Form',
     social: 'Social Preview',
     txt: 'Plain Text',
+    plaintext: 'Plain Text',
+    text: 'Plain Text',
+    less: 'Less',
+    sass: 'Sass',
+    scss: 'SCSS',
+    lua: 'Lua',
+    perl: 'Perl',
+    pl: 'Perl',
+    r: 'R',
+    dart: 'Dart',
+    elixir: 'Elixir',
+    ex: 'Elixir',
+    haskell: 'Haskell',
+    hs: 'Haskell',
+    clojure: 'Clojure',
+    clj: 'Clojure',
+    erlang: 'Erlang',
+    erl: 'Erlang',
+    objectivec: 'Objective-C',
+    objc: 'Objective-C',
+    m: 'Objective-C',
+    toml: 'TOML',
+    ini: 'INI',
+    env: 'Environment',
+    makefile: 'Makefile',
+    cmake: 'CMake',
+    terraform: 'Terraform',
+    tf: 'Terraform',
+    hcl: 'HCL',
+    protobuf: 'Protocol Buffers',
+    proto: 'Protocol Buffers',
+    zig: 'Zig',
+    nim: 'Nim',
+    v: 'V',
   };
   return names[language?.toLowerCase()] || language?.toUpperCase() || 'Code';
 }
@@ -180,6 +214,41 @@ function getFileExtension$1(language) {
     svg: 'svg',
     form: 'json',
     social: 'json',
+    txt: 'txt',
+    plaintext: 'txt',
+    text: 'txt',
+    less: 'less',
+    sass: 'sass',
+    scss: 'scss',
+    lua: 'lua',
+    perl: 'pl',
+    pl: 'pl',
+    r: 'r',
+    dart: 'dart',
+    elixir: 'ex',
+    ex: 'ex',
+    haskell: 'hs',
+    hs: 'hs',
+    clojure: 'clj',
+    clj: 'clj',
+    erlang: 'erl',
+    erl: 'erl',
+    objectivec: 'm',
+    objc: 'm',
+    m: 'm',
+    toml: 'toml',
+    ini: 'ini',
+    env: 'env',
+    makefile: 'mk',
+    cmake: 'cmake',
+    terraform: 'tf',
+    tf: 'tf',
+    hcl: 'hcl',
+    protobuf: 'proto',
+    proto: 'proto',
+    zig: 'zig',
+    nim: 'nim',
+    v: 'v',
   };
   return extensions[language?.toLowerCase()] || 'txt';
 }
@@ -217,6 +286,30 @@ function getLanguageFromExtension(ext) {
     svg: 'svg',
     diff: 'diff',
     patch: 'patch',
+    txt: 'txt',
+    less: 'less',
+    sass: 'sass',
+    scss: 'scss',
+    lua: 'lua',
+    pl: 'perl',
+    r: 'r',
+    dart: 'dart',
+    ex: 'elixir',
+    exs: 'elixir',
+    hs: 'haskell',
+    clj: 'clojure',
+    erl: 'erlang',
+    m: 'objectivec',
+    toml: 'toml',
+    ini: 'ini',
+    env: 'env',
+    cmake: 'cmake',
+    tf: 'terraform',
+    hcl: 'hcl',
+    proto: 'proto',
+    zig: 'zig',
+    nim: 'nim',
+    v: 'v',
   };
   return map[ext?.toLowerCase()] || null;
 }
@@ -259,9 +352,71 @@ function getLanguageIcon(language) {
     timeline: '<line x1="2" y1="12" x2="22" y2="12"/><circle cx="6" cy="12" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="18" cy="12" r="2"/>',
     form: '<path d="M4 4h16v2H4V4zm0 4h10v2H4V8zm0 4h16v2H4v-2zm0 4h10v2H4v-2z"/><rect x="16" y="8" width="4" height="4" rx="1"/><rect x="16" y="16" width="4" height="4" rx="1"/>',
     social: '<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>',
+    // Languages with display names that were missing icons
+    java: '<path d="M8.851 18.56s-.917.534.653.714c1.902.218 2.874.187 4.969-.211 0 0 .552.346 1.321.646-4.699 2.013-10.633-.118-6.943-1.149m-.575-2.627s-1.028.761.542.924c2.032.209 3.636.227 6.413-.308 0 0 .384.389.987.602-5.679 1.661-12.007.13-7.942-1.218m4.84-4.458c1.158 1.333-.304 2.533-.304 2.533s2.939-1.518 1.589-3.418c-1.261-1.772-2.228-2.652 3.007-5.688 0 0-8.216 2.051-4.292 6.573"/><path d="M16.205 20.196s.678.559-.747.991c-2.712.822-11.288 1.069-13.669.033-.856-.373.75-.89 1.254-.998.527-.114.828-.093.828-.093-.953-.671-6.156 1.317-2.643 1.887 9.58 1.553 17.462-.7 14.977-1.82M9.6 13.116s-4.362 1.036-1.544 1.412c1.189.159 3.561.123 5.77-.062 1.806-.152 3.618-.477 3.618-.477s-.637.272-1.098.587c-4.429 1.165-12.986.623-10.522-.568 2.082-1.006 3.776-.892 3.776-.892m7.816 4.368c4.502-2.34 2.421-4.589.968-4.285-.356.075-.515.14-.515.14s.132-.207.385-.296c2.874-1.01 5.086 2.981-.928 4.562 0 0 .07-.062.09-.121"/>',
+    c: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path d="M10.5 7.5C8.01 7.5 6 9.51 6 12s2.01 4.5 4.5 4.5c1.74 0 3.26-1 4-2.5h-2.18c-.5.63-1.27 1-2.12 1A2.75 2.75 0 0 1 7.5 12a2.75 2.75 0 0 1 2.7-2.5c.85 0 1.62.37 2.12 1h2.18c-.74-1.5-2.26-2.5-4-2.5z"/>',
+    cpp: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path d="M9.5 7.5C7.01 7.5 5 9.51 5 12s2.01 4.5 4.5 4.5c1.74 0 3.26-1 4-2.5h-2.18c-.5.63-1.27 1-2.12 1A2.75 2.75 0 0 1 6.5 12 2.75 2.75 0 0 1 9.2 9.5c.85 0 1.62.37 2.12 1h2.18c-.74-1.5-2.26-2.5-4-2.5z"/><path d="M16 11h1v-1h1v1h1v1h-1v1h-1v-1h-1zm-3 0h1v-1h1v1h1v1h-1v1h-1v-1h-1z"/>',
+    csharp: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path d="M9.5 7.5C7.01 7.5 5 9.51 5 12s2.01 4.5 4.5 4.5c1.74 0 3.26-1 4-2.5h-2.18c-.5.63-1.27 1-2.12 1A2.75 2.75 0 0 1 6.5 12 2.75 2.75 0 0 1 9.2 9.5c.85 0 1.62.37 2.12 1h2.18c-.74-1.5-2.26-2.5-4-2.5z"/><path d="M16.5 10.5h-1v-1h-1v1h-1v1h1v1h1v-1h1zM16.5 13.5h-1v-1h-1v1h-1v1h1v1h1v-1h1z"/>',
+    cs: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path d="M9.5 7.5C7.01 7.5 5 9.51 5 12s2.01 4.5 4.5 4.5c1.74 0 3.26-1 4-2.5h-2.18c-.5.63-1.27 1-2.12 1A2.75 2.75 0 0 1 6.5 12 2.75 2.75 0 0 1 9.2 9.5c.85 0 1.62.37 2.12 1h2.18c-.74-1.5-2.26-2.5-4-2.5z"/><path d="M16.5 10.5h-1v-1h-1v1h-1v1h1v1h1v-1h1zM16.5 13.5h-1v-1h-1v1h-1v1h1v1h1v-1h1z"/>',
+    go: '<path d="M3.5 10.83s-.1-.16.06-.21c0 0 2.61-1.05 5.25-1.05h.2c2.64 0 5.25 1.05 5.25 1.05.16.05.06.21.06.21"/><path d="M4.3 11.2c-.15 0-.15-.23 0-.23h4.96c.15 0 .15.23 0 .23H4.3z"/><ellipse cx="6.27" cy="10" rx=".35" ry=".4"/><path d="M14.26 10.83s-.1-.16.06-.21c0 0 1.61-.65 3.25-.65h.2c1.64 0 3.25.65 3.25.65.16.05.06.21.06.21"/><path d="M14.85 11.2c-.15 0-.15-.23 0-.23h4.26c.15 0 .15.23 0 .23h-4.26z"/><ellipse cx="16.57" cy="10" rx=".35" ry=".4"/><path d="M8.98 15.53c-2.6 0-4.72-1.68-4.72-3.75 0-2.07 2.12-3.75 4.72-3.75s4.72 1.68 4.72 3.75-2.12 3.75-4.72 3.75z" fill="none" stroke="currentColor" stroke-width="1"/>',
+    rust: '<path d="M12 2l1.09 3.41L15 3.5l-.47 3.53 2.97-1.87-.94 3.42 3.54.16-2.7 2.27 3.15 1.63-3.38.86 2.13 2.87-3.47-.57.78 3.45-3.05-1.73L12 21l-1.56-3.07-3.05 1.73.78-3.45-3.47.57 2.13-2.87-3.38-.86 3.15-1.63L3.9 9.15l3.54-.16-.94-3.42 2.97 1.87L9 3.5l1.91 1.91L12 2z" fill="none" stroke="currentColor" stroke-width="1.2"/><circle cx="12" cy="12" r="3" fill="none" stroke="currentColor" stroke-width="1.2"/>',
+    ruby: '<path d="M5.5 18.5L3 14l3-9 4-2h4l4 2 3 9-2.5 4.5L12 21l-6.5-2.5z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M12 3v18M3 14h18M6 5l12 14M18 5L6 19" fill="none" stroke="currentColor" stroke-width=".8"/>',
+    rb: '<path d="M5.5 18.5L3 14l3-9 4-2h4l4 2 3 9-2.5 4.5L12 21l-6.5-2.5z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M12 3v18M3 14h18M6 5l12 14M18 5L6 19" fill="none" stroke="currentColor" stroke-width=".8"/>',
+    php: '<ellipse cx="12" cy="12" rx="10" ry="6" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M7 9.5h2a1.5 1.5 0 0 1 0 3H8v2M12.5 9.5h2a1.5 1.5 0 0 1 0 3H13.5v2M17 9.5v5"/>',
+    swift: '<path d="M20.5 8c.3-1.7-.4-3.6-1.8-5-.5 2.1-1.8 3.7-3.5 4.8C12.6 5.5 9.4 3.3 6 2c.9 1.5 1.7 3 2.3 4.5C5.3 4.4 3 3 3 3s1.3 3.5 4 6.3C5.2 9 3.5 8.6 2 8c1.1 1.8 2.7 3.2 4.5 4.2-.7.2-1.5.3-2.5.3 1.5 1.5 3.5 2.5 5.5 2.5-2 2-5 3-8 3 3.5 2 7.5 3 11 1.5 5-2.2 7.5-7.5 7.5-11.5z"/>',
+    kotlin: '<path d="M3 3h18v18H3V3z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M3 3l9 9L3 21M12 3l9 9-9 9"/>',
+    scala: '<path d="M4 4c0 0 8 1 16 1v5c-8 0-16-1-16-1V4z"/><path d="M4 10c0 0 8 1 16 1v5c-8 0-16-1-16-1V10z"/><path d="M4 16c0 0 8 1 16 1v4c-8 0-16-1-16-1V16z"/>',
+    powershell: '<path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 2v12h16V6H4m2 2l5 3.5L6 15m6 0h5"/>',
+    ps1: '<path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 2v12h16V6H4m2 2l5 3.5L6 15m6 0h5"/>',
+    xml: '<path d="M7 4l-4 8 4 8M17 4l4 8-4 8M14 4l-4 16"/>',
+    yaml: '<path d="M3 4l4.5 5.5L12 4M12 4l4.5 5.5L21 4M12 9.5V20M3 12h18" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    yml: '<path d="M3 4l4.5 5.5L12 4M12 4l4.5 5.5L21 4M12 9.5V20M3 12h18" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    graphql: '<circle cx="12" cy="4" r="1.5"/><circle cx="5" cy="8" r="1.5"/><circle cx="19" cy="8" r="1.5"/><circle cx="5" cy="16" r="1.5"/><circle cx="19" cy="16" r="1.5"/><circle cx="12" cy="20" r="1.5"/><path d="M5.5 8.5l6.5 11M12.5 4.5l6 3.5M5.5 8l13 0M5.5 16l13 0M18 16.5l-6 3.5M5.5 16l6.5-12" fill="none" stroke="currentColor" stroke-width="1"/>',
+    dockerfile: '<path d="M2 12.5h3v-3h3v-3h3V3.5h3v3h3v3h1.5a2.5 2.5 0 0 1 0 5H2v-2z"/><path d="M5 9.5h2v2H5zM8 9.5h2v2H8zM8 6.5h2v2H8zM11 6.5h2v2h-2zM11 9.5h2v2h-2zM14 9.5h2v2h-2zM11 3.5h2v2h-2z"/>',
+    docker: '<path d="M2 12.5h3v-3h3v-3h3V3.5h3v3h3v3h1.5a2.5 2.5 0 0 1 0 5H2v-2z"/><path d="M5 9.5h2v2H5zM8 9.5h2v2H8zM8 6.5h2v2H8zM11 6.5h2v2h-2zM11 9.5h2v2h-2zM14 9.5h2v2h-2zM11 3.5h2v2h-2z"/>',
+    // CSS preprocessors
+    less: '<path d="M5 3l.65 3.34h12.59l-.44 2.16H6.11l.65 3.34h11.04l-.78 3.86-5.02 1.67-4.96-1.67-.33-1.69H4.38l.65 3.35L12 19.31l7.02-2.31L20.93 3H5z"/>',
+    sass: '<path d="M5 3l.65 3.34h12.59l-.44 2.16H6.11l.65 3.34h11.04l-.78 3.86-5.02 1.67-4.96-1.67-.33-1.69H4.38l.65 3.35L12 19.31l7.02-2.31L20.93 3H5z"/>',
+    scss: '<path d="M5 3l.65 3.34h12.59l-.44 2.16H6.11l.65 3.34h11.04l-.78 3.86-5.02 1.67-4.96-1.67-.33-1.69H4.38l.65 3.35L12 19.31l7.02-2.31L20.93 3H5z"/>',
+    // New languages
+    lua: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" fill="none" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="4" fill="none" stroke="currentColor" stroke-width="1.5"/><circle cx="18" cy="5" r="2"/>',
+    perl: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M9 8v8M9 12h3a2 2 0 1 0 0-4H9"/>',
+    pl: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M9 8v8M9 12h3a2 2 0 1 0 0-4H9"/>',
+    r: '<path d="M3 5h14a4 4 0 0 1 4 4v0a4 4 0 0 1-4 4H3V5z" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M3 5v14M13 13l5 6" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    dart: '<path d="M4 12L2 6l4-4h6l10 10-6 10H8l-4-4v-6z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M6 2l16 10M2 6l10 16"/>',
+    elixir: '<path d="M12 2c-3 4-6 8-6 13a6 6 0 0 0 12 0c0-5-3-9-6-13z" fill="none" stroke="currentColor" stroke-width="1.5"/><ellipse cx="12" cy="16" rx="3" ry="2" fill="none" stroke="currentColor" stroke-width="1"/>',
+    ex: '<path d="M12 2c-3 4-6 8-6 13a6 6 0 0 0 12 0c0-5-3-9-6-13z" fill="none" stroke="currentColor" stroke-width="1.5"/><ellipse cx="12" cy="16" rx="3" ry="2" fill="none" stroke="currentColor" stroke-width="1"/>',
+    haskell: '<path d="M2 4l5 8-5 8M7 4l5 8-5 8" fill="none" stroke="currentColor" stroke-width="2"/><path d="M12 8l2 4-2 4M14 10h8M14 14h8" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    hs: '<path d="M2 4l5 8-5 8M7 4l5 8-5 8" fill="none" stroke="currentColor" stroke-width="2"/><path d="M12 8l2 4-2 4M14 10h8M14 14h8" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    clojure: '<circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M8 6a7.5 7.5 0 0 0 0 12M16 6a7.5 7.5 0 0 1 0 12"/>',
+    clj: '<circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M8 6a7.5 7.5 0 0 0 0 12M16 6a7.5 7.5 0 0 1 0 12"/>',
+    erlang: '<path d="M4 18c2-1.5 3-4 3-6s-1-4.5-3-6M20 18c-3-1-5.5-3.5-5.5-6S17 5.5 20 6" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M4 12h16" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    erl: '<path d="M4 18c2-1.5 3-4 3-6s-1-4.5-3-6M20 18c-3-1-5.5-3.5-5.5-6S17 5.5 20 6" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M4 12h16" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    objectivec: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path d="M10.5 7.5C8.01 7.5 6 9.51 6 12s2.01 4.5 4.5 4.5c1.74 0 3.26-1 4-2.5h-2.18c-.5.63-1.27 1-2.12 1A2.75 2.75 0 0 1 7.5 12a2.75 2.75 0 0 1 2.7-2.5c.85 0 1.62.37 2.12 1h2.18c-.74-1.5-2.26-2.5-4-2.5z"/>',
+    objc: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path d="M10.5 7.5C8.01 7.5 6 9.51 6 12s2.01 4.5 4.5 4.5c1.74 0 3.26-1 4-2.5h-2.18c-.5.63-1.27 1-2.12 1A2.75 2.75 0 0 1 7.5 12a2.75 2.75 0 0 1 2.7-2.5c.85 0 1.62.37 2.12 1h2.18c-.74-1.5-2.26-2.5-4-2.5z"/>',
+    m: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/><path d="M10.5 7.5C8.01 7.5 6 9.51 6 12s2.01 4.5 4.5 4.5c1.74 0 3.26-1 4-2.5h-2.18c-.5.63-1.27 1-2.12 1A2.75 2.75 0 0 1 7.5 12a2.75 2.75 0 0 1 2.7-2.5c.85 0 1.62.37 2.12 1h2.18c-.74-1.5-2.26-2.5-4-2.5z"/>',
+    // Config/build files
+    toml: '<path d="M3 3h18v18H3V3z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M7 7h10M7 11h7M7 15h10"/>',
+    ini: '<path d="M3 3h18v18H3V3z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M7 7h10M7 11h7M7 15h10"/>',
+    env: '<path d="M3 3h18v18H3V3z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M7 7h10M7 11h7M7 15h10"/>',
+    makefile: '<path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 2v12h16V6H4m2 2l4 3-4 3V8m5 5h5v2h-5v-2z"/>',
+    cmake: '<path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m0 2v12h16V6H4m2 2l4 3-4 3V8m5 5h5v2h-5v-2z"/>',
+    terraform: '<path d="M1 5l7 4v8l-7-4V5zM9 1l7 4v8l-7-4V1zM9 13l7 4v8l-7-4v-8zM17 5l7 4v8l-7-4V5z"/>',
+    tf: '<path d="M1 5l7 4v8l-7-4V5zM9 1l7 4v8l-7-4V1zM9 13l7 4v8l-7-4v-8zM17 5l7 4v8l-7-4V5z"/>',
+    hcl: '<path d="M1 5l7 4v8l-7-4V5zM9 1l7 4v8l-7-4V1zM9 13l7 4v8l-7-4v-8zM17 5l7 4v8l-7-4V5z"/>',
+    protobuf: '<path d="M4 4h16v16H4V4z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M8 8h8M8 12h5M8 16h8"/>',
+    proto: '<path d="M4 4h16v16H4V4z" fill="none" stroke="currentColor" stroke-width="1.2"/><path d="M8 8h8M8 12h5M8 16h8"/>',
+    zig: '<path d="M2 6h7l-5 12h7l5-12h7l-5 12h7" fill="none" stroke="currentColor" stroke-width="1.5"/>',
+    nim: '<path d="M12 2l3 5h5l-3 5 3 5h-5l-3 5-3-5H4l3-5-3-5h5l3-5z" fill="none" stroke="currentColor" stroke-width="1.2"/>',
+    v: '<path d="M4 4l8 16 8-16" fill="none" stroke="currentColor" stroke-width="2"/>',
+    // Text/document icon
+    txt: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><line x1="8" y1="17" x2="13" y2="17"/>',
+    plaintext: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><line x1="8" y1="17" x2="13" y2="17"/>',
+    text: '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><line x1="8" y1="17" x2="13" y2="17"/>',
   };
-  
-  const defaultIcon = '<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>';
+
+  // Text/document fallback for unknown extensions
+  const defaultIcon = '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><line x1="8" y1="17" x2="13" y2="17"/>';
   return icons[language?.toLowerCase()] || defaultIcon;
 }
 
@@ -739,11 +894,16 @@ function createState() {
     isPanelOpen: false,
     viewMode: 'preview', // 'preview' | 'code' | 'split'
     isFullscreen: false,
+    // Multi-tab support
+    openTabs: [],        // Array of artifact IDs open as tabs (ordered)
+    tabViewModes: {},    // { [artifactId]: 'preview' | 'code' | 'split' | 'edit' }
+    // Panel empty view
+    forceEmptyView: false, // When true, panel shows empty state regardless of artifacts
   };
-  
+
   // Subscribers
   const subscribers = new Set();
-  
+
   /**
    * Notify all subscribers of state change
    */
@@ -756,35 +916,35 @@ function createState() {
       }
     });
   }
-  
+
   /**
    * Subscribe to state changes
    */
   function subscribe(callback) {
     subscribers.add(callback);
-    
+
     // Call immediately with current state
     callback(state);
-    
+
     // Return unsubscribe function
     return () => {
       subscribers.delete(callback);
     };
   }
-  
+
   /**
    * Get current state (immutable copy)
    */
   function getState() {
     return { ...state };
   }
-  
+
   /**
    * Add artifact
    */
   function addArtifact(artifact) {
     const existingIndex = state.artifacts.findIndex(a => a.id === artifact.id);
-    
+
     if (existingIndex === -1) {
       state = {
         ...state,
@@ -799,38 +959,43 @@ function createState() {
         artifacts: newArtifacts,
       };
     }
-    
+
     notify();
   }
-  
+
   /**
    * Add multiple artifacts
    */
   function addArtifacts(artifacts) {
     artifacts.forEach(addArtifact);
   }
-  
+
   /**
    * Remove artifact
    */
   function removeArtifact(artifactId) {
+    const newTabs = state.openTabs.filter(id => id !== artifactId);
+    const { [artifactId]: _, ...remainingViewModes } = state.tabViewModes;
+
     state = {
       ...state,
       artifacts: state.artifacts.filter(a => a.id !== artifactId),
       activeArtifactId: state.activeArtifactId === artifactId ? null : state.activeArtifactId,
       isPanelOpen: state.activeArtifactId === artifactId ? false : state.isPanelOpen,
+      openTabs: newTabs,
+      tabViewModes: remainingViewModes,
     };
-    
+
     notify();
   }
-  
+
   /**
    * Get artifact by ID
    */
   function getArtifact(artifactId) {
     return state.artifacts.find(a => a.id === artifactId) || null;
   }
-  
+
   /**
    * Get active artifact
    */
@@ -838,27 +1003,32 @@ function createState() {
     if (!state.activeArtifactId) return null;
     return getArtifact(state.activeArtifactId);
   }
-  
+
   /**
    * Set active artifact
    */
   function setActiveArtifact(artifactId) {
     const artifact = getArtifact(artifactId);
 
-    let viewMode = artifact?.isPreviewable === false ? 'code' : 'preview';
-    if (artifact?.tabs && !artifact.tabs.includes(viewMode)) {
-      viewMode = artifact.tabs[0];
+    // Try tab-specific viewMode first, then compute from artifact
+    let viewMode = state.tabViewModes[artifactId];
+    if (!viewMode) {
+      viewMode = artifact?.isPreviewable === false ? 'code' : 'preview';
+      if (artifact?.tabs && !artifact.tabs.includes(viewMode)) {
+        viewMode = artifact.tabs[0];
+      }
     }
 
     state = {
       ...state,
       activeArtifactId: artifactId,
       viewMode,
+      forceEmptyView: false,
     };
 
     notify();
   }
-  
+
   /**
    * Clear active artifact (return to list view)
    */
@@ -867,10 +1037,10 @@ function createState() {
       ...state,
       activeArtifactId: null,
     };
-    
+
     notify();
   }
-  
+
   /**
    * Set panel open state
    */
@@ -880,10 +1050,10 @@ function createState() {
       isPanelOpen: isOpen,
       isFullscreen: isOpen ? state.isFullscreen : false,
     };
-    
+
     notify();
   }
-  
+
   /**
    * Set view mode
    */
@@ -892,15 +1062,21 @@ function createState() {
       console.warn(`Invalid view mode: ${mode}`);
       return;
     }
-    
+
+    // Also store per-tab viewMode for the active artifact
+    const newTabViewModes = state.activeArtifactId
+      ? { ...state.tabViewModes, [state.activeArtifactId]: mode }
+      : state.tabViewModes;
+
     state = {
       ...state,
       viewMode: mode,
+      tabViewModes: newTabViewModes,
     };
-    
+
     notify();
   }
-  
+
   /**
    * Set fullscreen state
    */
@@ -909,31 +1085,141 @@ function createState() {
       ...state,
       isFullscreen,
     };
-    
+
     notify();
   }
-  
+
+  /**
+   * Set force empty view state
+   */
+  function setForceEmptyView(value) {
+    state = {
+      ...state,
+      forceEmptyView: !!value,
+    };
+    notify();
+  }
+
   /**
    * Get artifacts by message ID
    */
   function getArtifactsByMessageId(messageId) {
     return state.artifacts.filter(a => a.messageId === messageId);
   }
-  
+
   /**
    * Get artifacts by type
    */
   function getArtifactsByType(type) {
     return state.artifacts.filter(a => a.type === type);
   }
-  
+
   /**
    * Get artifact count
    */
   function getArtifactCount() {
     return state.artifacts.length;
   }
-  
+
+  // ============================================
+  // Multi-tab methods
+  // ============================================
+
+  /**
+   * Open artifact in a new tab (or focus if already open)
+   */
+  function openTab(artifactId) {
+    const artifact = getArtifact(artifactId);
+    if (!artifact) return;
+
+    const alreadyOpen = state.openTabs.includes(artifactId);
+    const newTabs = alreadyOpen ? state.openTabs : [...state.openTabs, artifactId];
+
+    // Determine view mode for this tab
+    let viewMode = state.tabViewModes[artifactId];
+    if (!viewMode) {
+      viewMode = artifact.isPreviewable === false ? 'code' : 'preview';
+      if (artifact.tabs && !artifact.tabs.includes(viewMode)) {
+        viewMode = artifact.tabs[0];
+      }
+    }
+
+    state = {
+      ...state,
+      openTabs: newTabs,
+      activeArtifactId: artifactId,
+      tabViewModes: { ...state.tabViewModes, [artifactId]: viewMode },
+      viewMode,
+    };
+    notify();
+  }
+
+  /**
+   * Close a tab
+   */
+  function closeTab(artifactId) {
+    const idx = state.openTabs.indexOf(artifactId);
+    if (idx === -1) return;
+
+    const newTabs = state.openTabs.filter(id => id !== artifactId);
+    const { [artifactId]: _, ...remainingViewModes } = state.tabViewModes;
+
+    // If closing the active tab, switch to adjacent
+    let newActiveId = state.activeArtifactId;
+    if (state.activeArtifactId === artifactId) {
+      if (newTabs.length === 0) {
+        newActiveId = null;
+      } else if (idx >= newTabs.length) {
+        newActiveId = newTabs[newTabs.length - 1];
+      } else {
+        newActiveId = newTabs[idx];
+      }
+    }
+
+    const newViewMode = newActiveId ? (remainingViewModes[newActiveId] || 'preview') : 'preview';
+
+    state = {
+      ...state,
+      openTabs: newTabs,
+      activeArtifactId: newActiveId,
+      tabViewModes: remainingViewModes,
+      viewMode: newViewMode,
+    };
+    notify();
+  }
+
+  /**
+   * Close all tabs except one
+   */
+  function closeOtherTabs(keepArtifactId) {
+    const artifact = getArtifact(keepArtifactId);
+    if (!artifact) return;
+
+    const viewMode = state.tabViewModes[keepArtifactId] || state.viewMode;
+
+    state = {
+      ...state,
+      openTabs: [keepArtifactId],
+      activeArtifactId: keepArtifactId,
+      tabViewModes: { [keepArtifactId]: viewMode },
+      viewMode,
+    };
+    notify();
+  }
+
+  /**
+   * Close all tabs
+   */
+  function closeAllTabs() {
+    state = {
+      ...state,
+      openTabs: [],
+      activeArtifactId: null,
+      tabViewModes: {},
+    };
+    notify();
+  }
+
   /**
    * Clear all state
    */
@@ -944,47 +1230,50 @@ function createState() {
       isPanelOpen: false,
       viewMode: 'preview',
       isFullscreen: false,
+      openTabs: [],
+      tabViewModes: {},
+      forceEmptyView: false,
     };
-    
+
     notify();
   }
-  
+
   /**
    * Batch update (for performance)
    */
   function batch(updateFn) {
     const oldNotify = notify;
     let notifyPending = false;
-    
+
     // Suppress notifications during batch
     const suppressedNotify = () => {
       notifyPending = true;
     };
-    
+
     try {
       // Replace notify temporarily
       Object.defineProperty(window, '__artifactuse_notify__', {
         value: suppressedNotify,
         configurable: true,
       });
-      
+
       updateFn();
     } finally {
       delete window.__artifactuse_notify__;
-      
+
       // Notify once at end if needed
       if (notifyPending) {
         oldNotify();
       }
     }
   }
-  
+
   // Public API
   return {
     // State access
     getState,
     subscribe,
-    
+
     // Artifacts
     addArtifact,
     addArtifacts,
@@ -994,14 +1283,21 @@ function createState() {
     getArtifactsByMessageId,
     getArtifactsByType,
     getArtifactCount,
-    
+
     // Panel state
     setActiveArtifact,
     clearActiveArtifact,
     setPanelOpen,
     setViewMode,
     setFullscreen,
-    
+    setForceEmptyView,
+
+    // Multi-tab
+    openTab,
+    closeTab,
+    closeOtherTabs,
+    closeAllTabs,
+
     // Utilities
     clear,
     batch,
@@ -6543,6 +6839,9 @@ const DEFAULT_CONFIG = {
   // Can be overridden per-component via props
   splitPosition: 50,
 
+  // Enable multi-tab mode (open multiple artifacts as tabs)
+  multiTab: false,
+
   // Panel configuration
   // Users can add/override/disable panels here
   // 
@@ -7048,7 +7347,13 @@ function createArtifactuse(userConfig = {}) {
       return;
     }
     
-    state.setActiveArtifact(artifact.id);
+    if (config.multiTab) {
+      state.openTab(artifact.id);
+    } else {
+      state.setActiveArtifact(artifact.id);
+    }
+
+    state.setForceEmptyView(false);
     state.setPanelOpen(true);
     if (artifact.viewMode) {
       state.setViewMode(artifact.viewMode);
@@ -7104,6 +7409,17 @@ function createArtifactuse(userConfig = {}) {
     return state.getArtifact(id);
   }
 
+  /**
+   * Open panel in empty state
+   */
+  function openPanel() {
+    state.clearActiveArtifact();
+    state.setForceEmptyView(true);
+    state.setPanelOpen(true);
+
+    emit('panel:opened');
+  }
+
   /**
    * Close panel
    */
@@ -7341,6 +7657,7 @@ function createArtifactuse(userConfig = {}) {
     openFile,
     openCode,
     updateFile,
+    openPanel,
     closePanel,
     togglePanel,
     toggleFullscreen,
@@ -7348,6 +7665,11 @@ function createArtifactuse(userConfig = {}) {
     getPanelUrl,
     sendToPanel,
     
+    // Multi-tab
+    closeTab: (artifactId) => state.closeTab(artifactId),
+    closeOtherTabs: (artifactId) => state.closeOtherTabs(artifactId),
+    closeAllTabs: () => state.closeAllTabs(),
+
     // Panel management (new)
     hasPanel,
     registerPanel,
@@ -7473,8 +7795,11 @@ function provideArtifactuse(config = {}) {
     isPanelOpen: false,
     viewMode: 'preview',
     isFullscreen: false,
+    openTabs: [],
+    tabViewModes: {},
+    forceEmptyView: false,
   });
-  
+
   // Subscribe to state changes
   instance.state.subscribe((newState) => {
     state.artifacts = newState.artifacts;
@@ -7482,14 +7807,17 @@ function provideArtifactuse(config = {}) {
     state.isPanelOpen = newState.isPanelOpen;
     state.viewMode = newState.viewMode;
     state.isFullscreen = newState.isFullscreen;
+    state.openTabs = newState.openTabs;
+    state.tabViewModes = newState.tabViewModes;
+    state.forceEmptyView = newState.forceEmptyView;
   });
-  
+
   // Computed
   const activeArtifact = computed(() => {
     if (!state.activeArtifactId) return null;
     return state.artifacts.find(a => a.id === state.activeArtifactId) || null;
   });
-  
+
   // Only count non-inline artifacts (inline artifacts render in message content)
   const artifactCount = computed(() => state.artifacts.filter(a => !a.isInline).length);
 
@@ -7505,7 +7833,7 @@ function provideArtifactuse(config = {}) {
 
   // Apply theme immediately on initialization
   instance.applyTheme();
-  
+
   // Provide value
   const provided = {
     instance,
@@ -7513,11 +7841,11 @@ function provideArtifactuse(config = {}) {
     activeArtifact,
     artifactCount,
     hasArtifacts,
-    
+
     // Panel computed
     panelTypes,
     activePanelUrl,
-    
+
     // Methods
     processMessage: instance.processMessage,
     initializeContent: instance.initializeContent,
@@ -7525,19 +7853,25 @@ function provideArtifactuse(config = {}) {
     openFile: instance.openFile,
     openCode: instance.openCode,
     updateFile: instance.updateFile,
+    openPanel: instance.openPanel,
     closePanel: instance.closePanel,
     togglePanel: instance.togglePanel,
     toggleFullscreen: instance.toggleFullscreen,
     setViewMode: instance.setViewMode,
     getPanelUrl: instance.getPanelUrl,
     sendToPanel: instance.sendToPanel,
-    
+
     // Panel management
     hasPanel: instance.hasPanel,
     registerPanel: instance.registerPanel,
     unregisterPanel: instance.unregisterPanel,
     getPanelTypes: instance.getPanelTypes,
-    
+
+    // Multi-tab
+    closeTab: instance.closeTab,
+    closeOtherTabs: instance.closeOtherTabs,
+    closeAllTabs: instance.closeAllTabs,
+
     // Events
     on: instance.on,
     off: instance.off,
@@ -7586,11 +7920,14 @@ function createArtifactuseComposable(config = {}) {
     isPanelOpen: false,
     viewMode: 'preview',
     isFullscreen: false,
+    openTabs: [],
+    tabViewModes: {},
+    forceEmptyView: false,
   });
-  
+
   // Subscribe to state changes
   let unsubscribe;
-  
+
   onMounted(() => {
     unsubscribe = instance.state.subscribe((newState) => {
       state.artifacts = newState.artifacts;
@@ -7598,6 +7935,9 @@ function createArtifactuseComposable(config = {}) {
       state.isPanelOpen = newState.isPanelOpen;
       state.viewMode = newState.viewMode;
       state.isFullscreen = newState.isFullscreen;
+      state.openTabs = newState.openTabs;
+      state.tabViewModes = newState.tabViewModes;
+      state.forceEmptyView = newState.forceEmptyView;
     });
     
     // Apply theme
@@ -7646,6 +7986,7 @@ function createArtifactuseComposable(config = {}) {
     openFile: instance.openFile,
     openCode: instance.openCode,
     updateFile: instance.updateFile,
+    openPanel: instance.openPanel,
     closePanel: instance.closePanel,
     togglePanel: instance.togglePanel,
     toggleFullscreen: instance.toggleFullscreen,
@@ -7658,7 +7999,12 @@ function createArtifactuseComposable(config = {}) {
     registerPanel: instance.registerPanel,
     unregisterPanel: instance.unregisterPanel,
     getPanelTypes: instance.getPanelTypes,
-    
+
+    // Multi-tab
+    closeTab: instance.closeTab,
+    closeOtherTabs: instance.closeOtherTabs,
+    closeAllTabs: instance.closeAllTabs,
+
     // Events
     on: instance.on,
     off: instance.off,
@@ -27229,6 +27575,36 @@ var JSZip = /*@__PURE__*/getDefaultExportFromCjs(libExports);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 var script$1 = defineComponent({
@@ -27353,6 +27729,16 @@ var script$1 = defineComponent({
       return instance.config?.branding !== false;
     });
 
+    // Multi-tab computed
+    const isMultiTab = computed(() => instance.config?.multiTab === true);
+
+    const openTabArtifacts = computed(() => {
+      if (!isMultiTab.value) return [];
+      return state.openTabs
+        .map(id => state.artifacts.find(a => a.id === id))
+        .filter(Boolean);
+    });
+
     const sharingEnabled = computed(() => {
       return instance.share?.enabled !== false;
     });
@@ -27363,7 +27749,7 @@ var script$1 = defineComponent({
     
     // Effective panel width - smaller for list/empty views
     const effectivePanelWidth = computed(() => {
-      if (!activeArtifact.value) {
+      if (!activeArtifact.value && !state.forceEmptyView) {
         return Math.min(panelWidth.value, 30);
       }
       return panelWidth.value;
@@ -27372,11 +27758,13 @@ var script$1 = defineComponent({
     const panelClasses = computed(() => {
       return {
         'artifactuse-panel--fullscreen': state.isFullscreen,
-        'artifactuse-panel--list': !activeArtifact.value && hasArtifacts.value,
-        'artifactuse-panel--empty': !hasArtifacts.value,
+        'artifactuse-panel--list': !activeArtifact.value && hasArtifacts.value && !state.forceEmptyView,
+        'artifactuse-panel--empty': !hasArtifacts.value && !state.forceEmptyView,
       };
     });
-    
+
+    const forceEmptyView = computed(() => state.forceEmptyView);
+
     // Smartdiff: per-line language-aware highlighting
     function highlightSmartDiff(artifact) {
       if (artifact.language !== 'smartdiff') return null;
@@ -27757,6 +28145,18 @@ var script$1 = defineComponent({
       }
     }
 
+    // Multi-tab methods
+    function selectTab(artifact) {
+      openArtifact(artifact);
+    }
+
+    function handleCloseTab(artifactId) {
+      instance.closeTab(artifactId);
+      if (state.openTabs.length === 0) {
+        cameFromList.value = false;
+      }
+    }
+
     function goBackToList() {
       cameFromList.value = false;
       instance.state.clearActiveArtifact();
@@ -28023,9 +28423,12 @@ var script$1 = defineComponent({
       showBranding,
       effectivePanelWidth,
       panelClasses,
+      forceEmptyView,
       sharingEnabled,
       isAuthenticated,
       isEditorAvailable,
+      isMultiTab,
+      openTabArtifacts,
 
       // Methods
       handleIframeLoad,
@@ -28043,6 +28446,10 @@ var script$1 = defineComponent({
       startSplitResize,
       handleEditorSave,
 
+      // Multi-tab methods
+      selectTab,
+      handleCloseTab,
+
       // Share methods
       toggleSharePopup,
       closeShareModal,
@@ -28107,7 +28514,7 @@ var __vue_render__$1 = function () {
                     )
                   : _vm._e(),
                 _vm._v(" "),
-                !_vm.hasArtifacts
+                !_vm.hasArtifacts || _vm.forceEmptyView
                   ? [
                       _c(
                         "header",
@@ -28124,26 +28531,51 @@ var __vue_render__$1 = function () {
                                 "span",
                                 { staticClass: "artifactuse-panel__icon" },
                                 [
-                                  _c(
-                                    "svg",
-                                    {
-                                      attrs: {
-                                        viewBox: "0 0 24 24",
-                                        fill: "none",
-                                        stroke: "currentColor",
-                                        "stroke-width": "2",
-                                      },
-                                    },
-                                    [
-                                      _c("polyline", {
-                                        attrs: { points: "16 18 22 12 16 6" },
-                                      }),
-                                      _vm._v(" "),
-                                      _c("polyline", {
-                                        attrs: { points: "8 6 2 12 8 18" },
-                                      }),
-                                    ]
-                                  ),
+                                  _vm.forceEmptyView
+                                    ? _c(
+                                        "svg",
+                                        {
+                                          attrs: {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2",
+                                          },
+                                        },
+                                        [
+                                          _c("path", {
+                                            attrs: {
+                                              d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z",
+                                            },
+                                          }),
+                                          _vm._v(" "),
+                                          _c("polyline", {
+                                            attrs: { points: "14 2 14 8 20 8" },
+                                          }),
+                                        ]
+                                      )
+                                    : _c(
+                                        "svg",
+                                        {
+                                          attrs: {
+                                            viewBox: "0 0 24 24",
+                                            fill: "none",
+                                            stroke: "currentColor",
+                                            "stroke-width": "2",
+                                          },
+                                        },
+                                        [
+                                          _c("polyline", {
+                                            attrs: {
+                                              points: "16 18 22 12 16 6",
+                                            },
+                                          }),
+                                          _vm._v(" "),
+                                          _c("polyline", {
+                                            attrs: { points: "8 6 2 12 8 18" },
+                                          }),
+                                        ]
+                                      ),
                                 ]
                               ),
                               _vm._v(" "),
@@ -28157,7 +28589,15 @@ var __vue_render__$1 = function () {
                                   _c(
                                     "span",
                                     { staticClass: "artifactuse-panel__name" },
-                                    [_vm._v("Artifacts")]
+                                    [
+                                      _vm._v(
+                                        _vm._s(
+                                          _vm.forceEmptyView
+                                            ? "Artifact Viewer"
+                                            : "Artifacts"
+                                        )
+                                      ),
+                                    ]
                                   ),
                                 ]
                               ),
@@ -28247,7 +28687,15 @@ var __vue_render__$1 = function () {
                         _c(
                           "h3",
                           { staticClass: "artifactuse-panel__empty-title" },
-                          [_vm._v("No artifacts yet")]
+                          [
+                            _vm._v(
+                              _vm._s(
+                                _vm.forceEmptyView
+                                  ? "No artifact selected"
+                                  : "No artifacts yet"
+                              )
+                            ),
+                          ]
                         ),
                         _vm._v(" "),
                         _c(
@@ -28255,7 +28703,13 @@ var __vue_render__$1 = function () {
                           { staticClass: "artifactuse-panel__empty-text" },
                           [
                             _vm._v(
-                              "\n            Code blocks, forms, and other interactive content will appear here as the AI generates them.\n          "
+                              "\n            " +
+                                _vm._s(
+                                  _vm.forceEmptyView
+                                    ? "Open an artifact to have it appear here"
+                                    : "Code blocks, forms, and other interactive content will appear here as the AI generates them."
+                                ) +
+                                "\n          "
                             ),
                           ]
                         ),
@@ -28315,7 +28769,7 @@ var __vue_render__$1 = function () {
                         ]
                       ),
                     ]
-                  : !_vm.activeArtifact
+                  : !_vm.activeArtifact && !_vm.forceEmptyView
                   ? [
                       _c(
                         "header",
@@ -28683,12 +29137,16 @@ var __vue_render__$1 = function () {
                         "header",
                         { staticClass: "artifactuse-panel__header" },
                         [
-                          _vm.cameFromList
+                          _vm.isMultiTab || _vm.cameFromList
                             ? _c(
                                 "button",
                                 {
                                   staticClass: "artifactuse-panel__back",
-                                  attrs: { title: "Back to list" },
+                                  attrs: {
+                                    title: _vm.isMultiTab
+                                      ? "Browse artifacts"
+                                      : "Back to list",
+                                  },
                                   on: { click: _vm.goBackToList },
                                 },
                                 [
@@ -29164,6 +29622,114 @@ var __vue_render__$1 = function () {
                         ]
                       ),
                       _vm._v(" "),
+                      _vm.isMultiTab && _vm.openTabArtifacts.length > 0
+                        ? _c(
+                            "div",
+                            { staticClass: "artifactuse-panel__file-tabs" },
+                            [
+                              _c(
+                                "div",
+                                {
+                                  staticClass:
+                                    "artifactuse-panel__file-tabs-scroll",
+                                },
+                                _vm._l(_vm.openTabArtifacts, function (tab) {
+                                  return _c(
+                                    "button",
+                                    {
+                                      key: tab.id,
+                                      staticClass:
+                                        "artifactuse-panel__file-tab",
+                                      class: {
+                                        "artifactuse-panel__file-tab--active":
+                                          _vm.activeArtifact &&
+                                          tab.id === _vm.activeArtifact.id,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          return _vm.selectTab(tab)
+                                        },
+                                      },
+                                    },
+                                    [
+                                      _c("span", {
+                                        staticClass:
+                                          "artifactuse-panel__file-tab-icon",
+                                        domProps: {
+                                          innerHTML: _vm._s(
+                                            _vm.getArtifactIconHtml(tab)
+                                          ),
+                                        },
+                                      }),
+                                      _vm._v(" "),
+                                      _c(
+                                        "span",
+                                        {
+                                          staticClass:
+                                            "artifactuse-panel__file-tab-title",
+                                        },
+                                        [
+                                          _vm._v(
+                                            _vm._s(tab.title || "Untitled")
+                                          ),
+                                        ]
+                                      ),
+                                      _vm._v(" "),
+                                      _c(
+                                        "button",
+                                        {
+                                          staticClass:
+                                            "artifactuse-panel__file-tab-close",
+                                          attrs: { title: "Close tab" },
+                                          on: {
+                                            click: function ($event) {
+                                              $event.stopPropagation();
+                                              return _vm.handleCloseTab(tab.id)
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _c(
+                                            "svg",
+                                            {
+                                              attrs: {
+                                                viewBox: "0 0 24 24",
+                                                fill: "none",
+                                                stroke: "currentColor",
+                                                "stroke-width": "2",
+                                              },
+                                            },
+                                            [
+                                              _c("line", {
+                                                attrs: {
+                                                  x1: "18",
+                                                  y1: "6",
+                                                  x2: "6",
+                                                  y2: "18",
+                                                },
+                                              }),
+                                              _vm._v(" "),
+                                              _c("line", {
+                                                attrs: {
+                                                  x1: "6",
+                                                  y1: "6",
+                                                  x2: "18",
+                                                  y2: "18",
+                                                },
+                                              }),
+                                            ]
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  )
+                                }),
+                                0
+                              ),
+                            ]
+                          )
+                        : _vm._e(),
+                      _vm._v(" "),
                       _c(
                         "div",
                         {
@@ -30659,6 +31225,7 @@ var __vue_render__$1 = function () {
                                   )
                                 : _vm._e(),
                               _vm._v(" "),
+                              !_vm.isMultiTab &&
                               _vm.nonInlineArtifacts.length > 1
                                 ? _c(
                                     "div",