profclaw 0.0.1-beta.1

package/ui/dist/brand/profclaw-favicon-shadow.svg

@@ -0,0 +1,51 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#161220"/>
+      <stop offset="100%" stop-color="#0c0a12"/>
+    </linearGradient>
+    <radialGradient id="glow" cx="50%" cy="48%" r="35%">
+      <stop offset="0%" stop-color="#f43f5e" stop-opacity=".12"/>
+      <stop offset="100%" stop-color="#f43f5e" stop-opacity="0"/>
+    </radialGradient>
+    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#4a2838"/>
+      <stop offset="100%" stop-color="#2e1828"/>
+    </linearGradient>
+    <radialGradient id="belly" cx="42%" cy="38%" r="45%">
+      <stop offset="0%" stop-color="#f43f5e" stop-opacity=".12"/>
+      <stop offset="100%" stop-color="#f43f5e" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+  <rect width="128" height="128" rx="28" fill="url(#bg)"/>
+  <rect width="128" height="128" rx="28" fill="url(#glow)"/>
+  <rect x=".5" y=".5" width="127" height="127" rx="27.5" fill="none" stroke="#f43f5e" stroke-opacity=".06"/>
+  <ellipse cx="64" cy="72" rx="34" ry="32" fill="url(#body)"/>
+  <ellipse cx="64" cy="72" rx="34" ry="32" fill="url(#belly)"/>
+  <ellipse cx="64" cy="72" rx="33.5" ry="31.5" fill="none" stroke="#f43f5e" stroke-opacity=".12" stroke-width="1"/>
+  <ellipse cx="60" cy="66" rx="18" ry="14" fill="#fb7185" opacity=".05"/>
+  <rect x="51" y="100" width="10" height="14" rx="5" fill="#2a1520"/>
+  <rect x="67" y="100" width="10" height="14" rx="5" fill="#2a1520"/>
+  <ellipse cx="24" cy="72" rx="10" ry="8" fill="#351a28"/>
+  <path d="M18,65 L24,72 L30,65" stroke="#f43f5e" stroke-width="1.8" fill="none" stroke-linecap="round" opacity=".3"/>
+  <ellipse cx="104" cy="72" rx="10" ry="8" fill="#351a28"/>
+  <path d="M98,65 L104,72 L110,65" stroke="#f43f5e" stroke-width="1.8" fill="none" stroke-linecap="round" opacity=".3"/>
+  <line x1="50" y1="42" x2="42" y2="24" stroke="#3a2030" stroke-width="2.5" stroke-linecap="round"/>
+  <circle cx="41" cy="22" r="5" fill="#f43f5e" opacity=".12"/>
+  <circle cx="41" cy="22" r="3.5" fill="#f43f5e" opacity=".45"/>
+  <circle cx="41" cy="22" r="1.5" fill="#fb7185" opacity=".8"/>
+  <line x1="78" y1="42" x2="86" y2="24" stroke="#3a2030" stroke-width="2.5" stroke-linecap="round"/>
+  <circle cx="87" cy="22" r="5" fill="#f43f5e" opacity=".12"/>
+  <circle cx="87" cy="22" r="3.5" fill="#f43f5e" opacity=".45"/>
+  <circle cx="87" cy="22" r="1.5" fill="#fb7185" opacity=".8"/>
+  <circle cx="52" cy="67" r="16" fill="#f43f5e" opacity=".1"/>
+  <circle cx="76" cy="67" r="16" fill="#f43f5e" opacity=".1"/>
+  <circle cx="52" cy="67" r="9.5" fill="#fff"/>
+  <circle cx="76" cy="67" r="9.5" fill="#fff"/>
+  <circle cx="54" cy="66" r="5.5" fill="#4c0519"/>
+  <circle cx="78" cy="66" r="5.5" fill="#4c0519"/>
+  <circle cx="56" cy="64" r="2.2" fill="#fff"/>
+  <circle cx="80" cy="64" r="2.2" fill="#fff"/>
+  <circle cx="51" cy="69" r="1" fill="#fff" opacity=".4"/>
+  <circle cx="75" cy="69" r="1" fill="#fff" opacity=".4"/>
+</svg>

package/ui/dist/brand/profclaw-mark-coral.svg

@@ -0,0 +1,31 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <defs>
+    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#fb7185"/>
+      <stop offset="100%" stop-color="#e11d48"/>
+    </linearGradient>
+  </defs>
+  <ellipse cx="50" cy="54" rx="24" ry="22" fill="url(#body)"/>
+  <ellipse cx="48" cy="49" rx="13" ry="9" fill="#fda4af" opacity=".15"/>
+  <rect x="39" y="73" width="8" height="10" rx="4" fill="#be123c"/>
+  <rect x="53" y="73" width="8" height="10" rx="4" fill="#be123c"/>
+  <ellipse cx="20" cy="54" rx="8" ry="6" fill="#be123c"/>
+  <path d="M15,49 L20,54 L25,49" stroke="#4c0519" stroke-width="1.8" fill="none" stroke-linecap="round"/>
+  <ellipse cx="80" cy="54" rx="8" ry="6" fill="#be123c"/>
+  <path d="M75,49 L80,54 L85,49" stroke="#4c0519" stroke-width="1.8" fill="none" stroke-linecap="round"/>
+  <line x1="39" y1="34" x2="31" y2="20" stroke="#be123c" stroke-width="2.2" stroke-linecap="round"/>
+  <circle cx="30" cy="18" r="3.5" fill="#fda4af"/>
+  <circle cx="30" cy="18" r="1.3" fill="#fff" opacity=".35"/>
+  <line x1="61" y1="34" x2="69" y2="20" stroke="#be123c" stroke-width="2.2" stroke-linecap="round"/>
+  <circle cx="70" cy="18" r="3.5" fill="#fda4af"/>
+  <circle cx="70" cy="18" r="1.3" fill="#fff" opacity=".35"/>
+  <circle cx="43" cy="51" r="6.5" fill="#fff"/>
+  <circle cx="57" cy="51" r="6.5" fill="#fff"/>
+  <circle cx="44.5" cy="50" r="3.5" fill="#4c0519"/>
+  <circle cx="58.5" cy="50" r="3.5" fill="#4c0519"/>
+  <circle cx="46" cy="48.5" r="1.4" fill="#fff"/>
+  <circle cx="60" cy="48.5" r="1.4" fill="#fff"/>
+  <circle cx="43" cy="52.5" r=".7" fill="#fff" opacity=".3"/>
+  <circle cx="57" cy="52.5" r=".7" fill="#fff" opacity=".3"/>
+  <path d="M45,63 Q50,68 57,62" stroke="#9f1239" stroke-width="2" fill="none" stroke-linecap="round"/>
+</svg>

package/ui/dist/brand/profclaw-mono-white.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <ellipse cx="50" cy="54" rx="24" ry="22" fill="#fff" opacity=".95"/>
+  <ellipse cx="48" cy="50" rx="14" ry="10" fill="#fff" opacity=".15"/>
+  <rect x="39" y="73" width="8" height="10" rx="4" fill="#fff" opacity=".7"/>
+  <rect x="53" y="73" width="8" height="10" rx="4" fill="#fff" opacity=".7"/>
+  <ellipse cx="20" cy="54" rx="8" ry="6" fill="#fff" opacity=".7"/>
+  <path d="M15,49 L20,54 L25,49" stroke="#08080d" stroke-width="1.5" fill="none" stroke-linecap="round" opacity=".5"/>
+  <ellipse cx="80" cy="54" rx="8" ry="6" fill="#fff" opacity=".7"/>
+  <path d="M75,49 L80,54 L85,49" stroke="#08080d" stroke-width="1.5" fill="none" stroke-linecap="round" opacity=".5"/>
+  <line x1="39" y1="34" x2="31" y2="20" stroke="#fff" stroke-width="2.2" stroke-linecap="round" opacity=".7"/>
+  <circle cx="30" cy="18" r="3.5" fill="#fff" opacity=".85"/>
+  <line x1="61" y1="34" x2="69" y2="20" stroke="#fff" stroke-width="2.2" stroke-linecap="round" opacity=".7"/>
+  <circle cx="70" cy="18" r="3.5" fill="#fff" opacity=".85"/>
+  <circle cx="43" cy="51" r="6" fill="#08080d"/>
+  <circle cx="57" cy="51" r="6" fill="#08080d"/>
+  <circle cx="44.5" cy="49.5" r="2.2" fill="#fff"/>
+  <circle cx="58.5" cy="49.5" r="2.2" fill="#fff"/>
+</svg>

package/ui/dist/brand/profclaw-text-dark.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="54" viewBox="0 0 260 54">
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@800&amp;display=swap');
+  </style>
+  <defs>
+    <linearGradient id="profGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#fb7185"/>
+      <stop offset="60%" stop-color="#f43f5e"/>
+      <stop offset="100%" stop-color="#e11d48"/>
+    </linearGradient>
+    <filter id="shadow" x="-2%" y="-2%" width="104%" height="112%">
+      <feDropShadow dx="0" dy="1.5" stdDeviation="1.2" flood-color="#f43f5e" flood-opacity=".25"/>
+    </filter>
+  </defs>
+  <text x="0" y="40" font-family="'Plus Jakarta Sans', system-ui, sans-serif" font-weight="800" font-size="44" letter-spacing="-2" filter="url(#shadow)">
+    <tspan fill="url(#profGrad)">prof</tspan><tspan fill="#ffffff">Claw</tspan>
+  </text>
+</svg>

package/ui/dist/brand/profclaw-text-light.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="54" viewBox="0 0 260 54">
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@800&amp;display=swap');
+  </style>
+  <defs>
+    <linearGradient id="profGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#f43f5e"/>
+      <stop offset="60%" stop-color="#e11d48"/>
+      <stop offset="100%" stop-color="#be123c"/>
+    </linearGradient>
+    <filter id="shadow" x="-2%" y="-2%" width="104%" height="112%">
+      <feDropShadow dx="0" dy="1" stdDeviation="0.8" flood-color="#000" flood-opacity=".08"/>
+    </filter>
+  </defs>
+  <text x="0" y="40" font-family="'Plus Jakarta Sans', system-ui, sans-serif" font-weight="800" font-size="44" letter-spacing="-2" filter="url(#shadow)">
+    <tspan fill="url(#profGrad)">prof</tspan><tspan fill="#1a1a2e">Claw</tspan>
+  </text>
+</svg>

package/ui/dist/brand/profclaw-wordmark-dark.svg

@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="72" viewBox="0 0 320 72">
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@800&amp;display=swap');
+  </style>
+  <defs>
+    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#fb7185"/>
+      <stop offset="100%" stop-color="#e11d48"/>
+    </linearGradient>
+    <linearGradient id="profGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#fb7185"/>
+      <stop offset="60%" stop-color="#f43f5e"/>
+      <stop offset="100%" stop-color="#e11d48"/>
+    </linearGradient>
+    <filter id="shadow" x="-2%" y="-2%" width="104%" height="112%">
+      <feDropShadow dx="0" dy="1.5" stdDeviation="1.2" flood-color="#f43f5e" flood-opacity=".25"/>
+    </filter>
+    <filter id="iconShadow" x="-10%" y="-10%" width="120%" height="120%">
+      <feDropShadow dx="0" dy="2" stdDeviation="2" flood-color="#f43f5e" flood-opacity=".2"/>
+    </filter>
+  </defs>
+  <!-- Mascot icon -->
+  <g transform="translate(-2,2) scale(0.72)" filter="url(#iconShadow)">
+    <ellipse cx="50" cy="54" rx="24" ry="22" fill="url(#body)"/>
+    <ellipse cx="48" cy="49" rx="13" ry="9" fill="#fda4af" opacity=".15"/>
+    <rect x="39" y="73" width="8" height="10" rx="4" fill="#be123c"/>
+    <rect x="53" y="73" width="8" height="10" rx="4" fill="#be123c"/>
+    <ellipse cx="20" cy="54" rx="8" ry="6" fill="#be123c"/>
+    <path d="M15,49 L20,54 L25,49" stroke="#4c0519" stroke-width="1.8" fill="none" stroke-linecap="round"/>
+    <ellipse cx="80" cy="54" rx="8" ry="6" fill="#be123c"/>
+    <path d="M75,49 L80,54 L85,49" stroke="#4c0519" stroke-width="1.8" fill="none" stroke-linecap="round"/>
+    <line x1="39" y1="34" x2="31" y2="20" stroke="#be123c" stroke-width="2.2" stroke-linecap="round"/>
+    <circle cx="30" cy="18" r="3.5" fill="#fda4af"/>
+    <line x1="61" y1="34" x2="69" y2="20" stroke="#be123c" stroke-width="2.2" stroke-linecap="round"/>
+    <circle cx="70" cy="18" r="3.5" fill="#fda4af"/>
+    <circle cx="43" cy="51" r="6.5" fill="#fff"/>
+    <circle cx="57" cy="51" r="6.5" fill="#fff"/>
+    <circle cx="44.5" cy="50" r="3.5" fill="#4c0519"/>
+    <circle cx="58.5" cy="50" r="3.5" fill="#4c0519"/>
+    <circle cx="46" cy="48.5" r="1.4" fill="#fff"/>
+    <circle cx="60" cy="48.5" r="1.4" fill="#fff"/>
+    <path d="M45,63 Q50,68 57,62" stroke="#9f1239" stroke-width="2" fill="none" stroke-linecap="round"/>
+  </g>
+  <!-- Wordmark -->
+  <text x="75" y="51" font-family="'Plus Jakarta Sans', system-ui, sans-serif" font-weight="800" font-size="38.8" letter-spacing="-1.8" filter="url(#shadow)">
+    <tspan fill="url(#profGrad)">prof</tspan><tspan fill="#ffffff">Claw</tspan>
+  </text>
+</svg>

package/ui/dist/brand/profclaw-wordmark-light.svg

@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="72" viewBox="0 0 320 72">
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@800&amp;display=swap');
+  </style>
+  <defs>
+    <linearGradient id="body" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#fb7185"/>
+      <stop offset="100%" stop-color="#e11d48"/>
+    </linearGradient>
+    <linearGradient id="profGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#f43f5e"/>
+      <stop offset="60%" stop-color="#e11d48"/>
+      <stop offset="100%" stop-color="#be123c"/>
+    </linearGradient>
+    <filter id="shadow" x="-2%" y="-2%" width="104%" height="112%">
+      <feDropShadow dx="0" dy="1" stdDeviation="0.8" flood-color="#000" flood-opacity=".08"/>
+    </filter>
+    <filter id="iconShadow" x="-10%" y="-10%" width="120%" height="120%">
+      <feDropShadow dx="0" dy="1.5" stdDeviation="1.5" flood-color="#000" flood-opacity=".1"/>
+    </filter>
+  </defs>
+  <!-- Mascot icon -->
+  <g transform="translate(-2,2) scale(0.72)" filter="url(#iconShadow)">
+    <ellipse cx="50" cy="54" rx="24" ry="22" fill="url(#body)"/>
+    <ellipse cx="48" cy="49" rx="13" ry="9" fill="#fda4af" opacity=".15"/>
+    <rect x="39" y="73" width="8" height="10" rx="4" fill="#be123c"/>
+    <rect x="53" y="73" width="8" height="10" rx="4" fill="#be123c"/>
+    <ellipse cx="20" cy="54" rx="8" ry="6" fill="#be123c"/>
+    <path d="M15,49 L20,54 L25,49" stroke="#9f1239" stroke-width="1.8" fill="none" stroke-linecap="round"/>
+    <ellipse cx="80" cy="54" rx="8" ry="6" fill="#be123c"/>
+    <path d="M75,49 L80,54 L85,49" stroke="#9f1239" stroke-width="1.8" fill="none" stroke-linecap="round"/>
+    <line x1="39" y1="34" x2="31" y2="20" stroke="#be123c" stroke-width="2.2" stroke-linecap="round"/>
+    <circle cx="30" cy="18" r="3.5" fill="#fda4af"/>
+    <line x1="61" y1="34" x2="69" y2="20" stroke="#be123c" stroke-width="2.2" stroke-linecap="round"/>
+    <circle cx="70" cy="18" r="3.5" fill="#fda4af"/>
+    <circle cx="43" cy="51" r="6.5" fill="#fff"/>
+    <circle cx="57" cy="51" r="6.5" fill="#fff"/>
+    <circle cx="44.5" cy="50" r="3.5" fill="#4c0519"/>
+    <circle cx="58.5" cy="50" r="3.5" fill="#4c0519"/>
+    <circle cx="46" cy="48.5" r="1.4" fill="#fff"/>
+    <circle cx="60" cy="48.5" r="1.4" fill="#fff"/>
+    <path d="M45,63 Q50,68 57,62" stroke="#9f1239" stroke-width="2" fill="none" stroke-linecap="round"/>
+  </g>
+  <!-- Wordmark -->
+  <text x="75" y="51" font-family="'Plus Jakarta Sans', system-ui, sans-serif" font-weight="800" font-size="38.8" letter-spacing="-1.8" filter="url(#shadow)">
+    <tspan fill="url(#profGrad)">prof</tspan><tspan fill="#1a1a2e">Claw</tspan>
+  </text>
+</svg>

package/ui/dist/brand/safari-pinned-tab.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+  <ellipse cx="50" cy="54" rx="24" ry="22" fill="#000"/>
+  <rect x="39" y="73" width="8" height="10" rx="4" fill="#000"/>
+  <rect x="53" y="73" width="8" height="10" rx="4" fill="#000"/>
+  <ellipse cx="20" cy="54" rx="8" ry="6" fill="#000"/>
+  <path d="M15,49 L20,54 L25,49" stroke="#fff" stroke-width="1.5" fill="none" stroke-linecap="round"/>
+  <ellipse cx="80" cy="54" rx="8" ry="6" fill="#000"/>
+  <path d="M75,49 L80,54 L85,49" stroke="#fff" stroke-width="1.5" fill="none" stroke-linecap="round"/>
+  <line x1="39" y1="34" x2="31" y2="20" stroke="#000" stroke-width="2.2" stroke-linecap="round"/>
+  <circle cx="30" cy="18" r="3.5" fill="#000"/>
+  <line x1="61" y1="34" x2="69" y2="20" stroke="#000" stroke-width="2.2" stroke-linecap="round"/>
+  <circle cx="70" cy="18" r="3.5" fill="#000"/>
+  <circle cx="43" cy="51" r="6" fill="#fff"/>
+  <circle cx="57" cy="51" r="6" fill="#fff"/>
+</svg>

package/ui/dist/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/favicon/mstile-150x150.png"/>
+            <TileColor>#f43f5e</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

package/ui/dist/favicon/safari-pinned-tab.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+    width="514.000000pt" height="514.000000pt" viewBox="0 0 514.000000 514.000000"
+    preserveAspectRatio="xMidYMid meet">
+    <metadata> GDSTUDYWORLD | GLINCKER.O | GDS K S </metadata>
+    <g transform="translate(0.000000,514.000000) scale(0.100000,-0.100000)"
+        fill="#000000" stroke="none">
+        <path
+            d="M3835 5083 c-38 -2 -412 -4 -830 -6 -418 -3 -776 -7 -796 -10 -20 -3
+-56 -8 -80 -11 -92 -11 -254 -48 -354 -81 -167 -55 -305 -130 -429 -236 -22
+-19 -74 -63 -116 -99 -42 -36 -95 -81 -119 -100 -24 -19 -49 -40 -55 -47 -7
+-6 -42 -35 -77 -64 -35 -29 -66 -56 -69 -59 -3 -3 -32 -28 -65 -55 -33 -28
+-62 -52 -65 -55 -3 -3 -32 -28 -65 -55 -242 -198 -376 -414 -435 -703 -10 -53
+-22 -131 -26 -172 -6 -71 -9 -1655 -4 -1880 3 -128 20 -241 54 -378 27 -106
+92 -269 133 -334 13 -21 23 -40 23 -43 0 -20 133 -188 205 -260 197 -196 499
+-329 820 -361 33 -3 71 -8 85 -11 14 -3 490 -7 1059 -8 l1033 -2 64 22 c57 20
+108 51 146 88 7 7 40 35 73 62 73 59 288 238 295 245 3 3 30 25 60 50 30 25
+63 52 72 60 9 8 63 53 121 100 119 98 148 133 174 214 19 56 19 100 18 1025
+-1 531 -5 979 -9 995 -18 73 -70 146 -132 182 -77 45 -134 50 -609 49 -242 -1
+-445 1 -452 3 -6 2 14 24 45 50 59 47 218 179 238 197 7 6 97 80 200 165 249
+205 295 251 324 325 24 60 24 61 24 500 -1 422 -1 442 -22 497 -27 73 -83 134
+-150 165 -58 25 -181 40 -307 36z m221 -266 c20 -23 24 -40 25 -90 2 -188 -1
+-724 -4 -737 -9 -35 -21 -52 -44 -61 -13 -5 -313 -9 -686 -9 -707 -1 -733 -2
+-829 -51 -73 -37 -132 -108 -158 -189 l-23 -72 0 -747 c1 -795 1 -803 50 -894
+36 -66 84 -102 188 -143 26 -10 744 -14 750 -4 2 4 5 232 6 506 1 275 5 513
+10 531 7 22 18 34 41 42 21 7 190 11 515 11 522 0 533 -1 547 -52 8 -30 8
+-1882 0 -1903 -18 -47 3 -46 -1077 -44 -985 2 -1052 4 -1271 33 -27 4 -53 9
+-57 11 -4 3 -23 7 -44 11 -59 9 -212 62 -288 100 -119 59 -219 141 -305 250
+-55 68 -134 252 -148 344 -3 19 -8 38 -10 41 -2 3 -6 35 -9 70 -4 35 -9 72
+-11 81 -7 23 -7 2012 0 2058 3 19 8 57 11 84 43 357 237 611 561 736 89 34
+253 77 329 85 28 3 59 7 70 10 11 2 61 7 110 10 50 4 91 8 92 9 1 0 369 1 818
+1 l817 0 24 -28z m-871 -1758 c2 -2 -42 -42 -97 -89 -56 -47 -106 -90 -112
+-95 -6 -6 -78 -67 -161 -137 -82 -69 -160 -134 -172 -144 -42 -37 -63 -54 -67
+-54 -4 0 -6 513 -1 520 3 6 604 4 610 -1z" />
+        <path
+            d="M2468 4505 c-2 -1 -34 -5 -73 -9 -236 -22 -417 -86 -521 -186 -116
+-110 -174 -250 -203 -488 -8 -70 -7 -1905 1 -1937 3 -11 9 -40 13 -65 36 -232
+171 -399 389 -480 119 -45 249 -70 446 -85 42 -3 1179 -8 1448 -5 l42 0 0 663
+0 662 -112 -2 c-62 0 -116 -1 -120 -2 -5 -1 -8 -246 -8 -545 l0 -544 -622 3
+c-343 2 -636 5 -653 8 -16 3 -58 8 -91 12 -76 7 -213 44 -278 75 -49 23 -146
+111 -146 132 0 6 -6 19 -14 27 -8 9 -25 50 -38 91 l-23 75 -2 950 c-2 976 -3
+948 32 1105 2 8 18 43 35 78 37 71 85 117 162 154 71 34 156 55 308 74 30 4
+332 7 670 8 338 1 620 4 626 8 8 5 12 173 5 221 -1 7 -1265 9 -1273 2z" />
+    </g>
+</svg>

package/ui/dist/favicon/site.webmanifest

@@ -0,0 +1,22 @@
+{
+  "name": "profClaw",
+  "short_name": "profClaw",
+  "description": "Smart AI agent engine",
+  "icons": [
+    {
+      "src": "/favicon/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicon/android-chrome-512x512.png", 
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#f43f5e",
+  "background_color": "#08080d",
+  "display": "standalone",
+  "start_url": "/",
+  "scope": "/"
+}

package/ui/dist/index.html

@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>profClaw</title>
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="/favicon/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/svg+xml" href="/brand/profclaw-favicon-coral-bg.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+    <link rel="mask-icon" href="/brand/safari-pinned-tab.svg" color="#f43f5e" />
+    <link rel="manifest" href="/favicon/site.webmanifest" />
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="theme-color" content="#f43f5e" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+    <!-- Google Fonts: Plus Jakarta Sans for headings, Manrope for body, JetBrains Mono for code -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap" rel="stylesheet" />
+    <script type="module" crossorigin src="/assets/index-kb4AJXUB.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-WclMPci1.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/ui/dist/manifest.json

@@ -0,0 +1,49 @@
+{
+  "name": "profClaw",
+  "short_name": "profClaw",
+  "description": "AI Agent Engine - Chat, tasks, and automation",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#0f172a",
+  "theme_color": "#6366f1",
+  "orientation": "any",
+  "categories": ["productivity", "developer-tools"],
+  "icons": [
+    {
+      "src": "/favicon/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/favicon/android-chrome-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/favicon/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ],
+  "screenshots": [],
+  "shortcuts": [
+    {
+      "name": "Chat",
+      "url": "/chat",
+      "description": "Open chat with AI agent"
+    },
+    {
+      "name": "Tasks",
+      "url": "/tickets",
+      "description": "View your tasks"
+    },
+    {
+      "name": "Dashboard",
+      "url": "/dashboard",
+      "description": "View dashboard"
+    }
+  ]
+}

package/ui/dist/sw.js

@@ -0,0 +1,124 @@
+// profClaw Service Worker
+// Handles: offline caching, push notifications, background sync
+
+const CACHE_NAME = 'profclaw-v1';
+const STATIC_ASSETS = [
+  '/',
+  '/manifest.json',
+  '/favicon/favicon.ico',
+];
+
+// Install - cache static assets
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => cache.addAll(STATIC_ASSETS))
+  );
+  self.skipWaiting();
+});
+
+// Activate - clean old caches
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(
+        keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key))
+      )
+    )
+  );
+  self.clients.claim();
+});
+
+// Fetch - network first, cache fallback for navigation
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+
+  // Skip non-GET requests
+  if (request.method !== 'GET') return;
+
+  // API calls - network only
+  if (request.url.includes('/api/')) return;
+
+  // Navigation requests - network first, cache fallback
+  if (request.mode === 'navigate') {
+    event.respondWith(
+      fetch(request).catch(() => caches.match('/') || new Response('Offline', { status: 503 }))
+    );
+    return;
+  }
+
+  // Static assets - cache first, network fallback
+  event.respondWith(
+    caches.match(request).then((cached) => {
+      if (cached) return cached;
+      return fetch(request).then((response) => {
+        // Cache successful responses
+        if (response.ok && response.type === 'basic') {
+          const clone = response.clone();
+          caches.open(CACHE_NAME).then((cache) => cache.put(request, clone));
+        }
+        return response;
+      });
+    })
+  );
+});
+
+// Push notifications
+self.addEventListener('push', (event) => {
+  if (!event.data) return;
+
+  const data = event.data.json();
+  const options = {
+    body: data.body || 'New notification from profClaw',
+    icon: '/favicon/android-chrome-192x192.png',
+    badge: '/favicon/favicon-32x32.png',
+    tag: data.tag || 'profclaw-notification',
+    data: { url: data.url || '/' },
+    actions: data.actions || [],
+    vibrate: [100, 50, 100],
+  };
+
+  event.waitUntil(
+    self.registration.showNotification(data.title || 'profClaw', options)
+  );
+});
+
+// Notification click handler
+self.addEventListener('notificationclick', (event) => {
+  event.notification.close();
+
+  const url = event.notification.data?.url || '/';
+
+  event.waitUntil(
+    self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clients) => {
+      // Focus existing window if open
+      for (const client of clients) {
+        if (client.url.includes(self.location.origin)) {
+          client.navigate(url);
+          return client.focus();
+        }
+      }
+      // Open new window
+      return self.clients.openWindow(url);
+    })
+  );
+});
+
+// Background sync for offline message queue
+self.addEventListener('sync', (event) => {
+  if (event.tag === 'send-messages') {
+    event.waitUntil(sendQueuedMessages());
+  }
+});
+
+async function sendQueuedMessages() {
+  // Read queued messages from IndexedDB and send them
+  // This is a placeholder - actual implementation would use IndexedDB
+  try {
+    const response = await fetch('/api/chat/sync', { method: 'POST' });
+    if (!response.ok) {
+      throw new Error('Sync failed');
+    }
+  } catch {
+    // Will retry on next sync event
+  }
+}

package/ui/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>