chocomint 1.0.3 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 43fbe75bcf172909a002314dbbd673417c25e2ab667f3e401eacb026988743e4
-  data.tar.gz: 68e6a6bf6ecd91251f5311a6c03742353e17ac4689c51b64cd35fe1d602e80f2
+  metadata.gz: 691a0248c4e919afa5640c7398b3f1b06221c397ac2c1e4c73fb56c044174246
+  data.tar.gz: 5371ad706155faff73120e8064f6629b7a776099e7c66fc5f07a89bfec932799
 SHA512:
-  metadata.gz: ec1a8f844e984a0387bd6d2a22d66af477b99c6d99320904cc870a2bc115b7b9a3dd21135cab14a966920634f957f9b65657b1abe376d05c28b6e28a113408da
-  data.tar.gz: 9b8726ba1954c4eded4eaf811ed58c6c6db2ecb239286cb85b98be6263aefe11cdbea98e017a90b8a843495834ae385690b7cc0d3e0ccd00299c2f56b4e2846d
+  metadata.gz: 75558e5f77a42aaaddaa2ffdfc5a509975cf7660ae5eaf346d9e5e24d45ce3873783f23e924b5516a6341db2f405e3ac1bd3688bf7677cc9fe0ec0074a5a352c
+  data.tar.gz: 0b43f17a5b4f916798db9107c3cef61d21f07da1299723a3feb1e31de43231f521bfc8e4bdfc560ff6dd1b65f9546819b61fb79e9263c90ef89796984cac48c9

data/README.md

@@ -191,11 +191,37 @@ ruby bin/chocomint-server
 |----------------|------|
 | `GET /edit` | エディタ画面 |
 | `GET /edit/files` | `workspace/` のファイル一覧 (JSON) |
-| `GET /edit/file?path=` | ファイル内容 (JSON) |
+| `GET /edit/file?path=` | ファイル内容 (JSON)。画像/PDF/動画/音声は `media` 種別だけ返す |
+| `GET /edit/raw?path=` | 生ファイル配信（メディアプレビュー用。`Range` 対応で動画のシークも可） |
+| `GET /edit/archive?path=` | アーカイブの第一階層エントリ + メタデータ（zip / tar / tar.gz / bz2 等） |
 | `POST /edit/save` | 人手編集の保存（`PathGuard` で `workspace/` 内に限定） |
 | `POST /edit/chat` | 自然言語指示で AI 編集（`Planner#run`。`expectations` に指示を渡すため意味的検証が効く） |
 | `GET /edit/assets/*` | Monaco / xterm.js のローカル同梱アセット |
 
+### メディアプレビュー
+
+テキストファイルは Monaco で編集し、以下のメディアはタブ内でプレビューする
+（`workspace/` 配下のみ・`PathGuard` で保護）:
+
+- **画像**: PNG / JPEG / GIF / WebP / BMP / ICO / AVIF / TIFF / SVG（ベクター）
+- **文書**: PDF（ブラウザ内蔵ビューアで表示）
+- **動画**: MP4 / WebM / MKV / MOV / AVI / OGV（`<video>`。ブラウザが対応する形式のみ再生可）
+- **音声**: MP3 / WAV / OGG / M4A / AAC / FLAC / Opus（`<audio>`）
+
+動画・音声は `Range` リクエストに対応し、シークやストリーミング再生ができる。
+ブラウザがコーデック非対応の形式（MKV の一部など）は再生できずメッセージを表示する。
+
+### アーカイブプレビュー
+
+zip / tar 系アーカイブをクリックすると、**第一階層（トップレベル）のエントリと
+メタデータ**（エントリ数・展開後サイズ・圧縮サイズ）をタブ内に表示する。展開は
+サーバー側でメモリ上に行い、ディスクには書き出さない。
+
+- **対応**: `.zip` / `.tar` / `.tar.gz`（`.tgz`）/ `.gz` / `.tar.bz2`（`.tbz2`）/ `.bz2`
+- 配下のエントリは親ディレクトリに畳み、その配下件数を添えて表示する。
+- `.zip` は中央ディレクトリを自前パースするため rubyzip 非依存。`.bz2` は純Ruby
+  実装の `rbzip2` で展開する（ネイティブ `libbz2` 不要）。
+
 ### 追加依存
 
 - `ffi` — Windows の擬似コンソール (ConPTY) を FFI で叩く（プリビルド gem、DevKit 不要）。

data/THIRD_PARTY_LICENSES.md

@@ -41,5 +41,6 @@ AI エディタ (`/edit`) をオフラインで動作させるため、以下を
 | webrick | Ruby / BSD-2-Clause | https://github.com/ruby/webrick |
 | ffi | BSD-3-Clause | https://github.com/ffi/ffi |
 | websocket-driver | Apache-2.0 | https://github.com/faye/websocket-driver-ruby |
+| rbzip2 | BSD-3-Clause | https://github.com/koraktor/rbzip2 |
 
 上記はいずれも再配布・商用利用を許容する寛容なライセンスである。

data/lib/chocomint/edit_archive_handlers.rb

@@ -0,0 +1,323 @@
+# frozen_string_literal: true
+
+require "json"
+require "zlib"
+require "stringio"
+require "rubygems/package"
+
+module Chocomint
+  # /edit AI エディタのアーカイブプレビュー用ハンドラ (Server に include して使う)。
+  #
+  # 提供機能:
+  #   GET /edit/archive?path=foo.zip   アーカイブの第一階層エントリ + メタデータ (JSON)
+  #
+  # 対応形式: .zip / .tar / .tar.gz (.tgz) / .gz / .tar.bz2 (.tbz2) / .bz2
+  # いずれも展開はメモリ上で行い、ディスクには書き出さない。tar/zip はエントリを
+  # ストリーム走査し、第一階層 (トップレベル) だけに畳んで返す。
+  #
+  # 対応形式は拡張子でしか判定しない (中身の magic は見ない)。ファイルアクセスは
+  # すべて @path_guard 経由で workspace 内に制限する。
+  module EditArchiveHandlers
+    # 一覧をブラウザで扱える範囲に抑えるためのエントリ数上限 (走査自体の安全弁)。
+    # tar は全走査するため、巨大アーカイブでも到達したら打ち切って capped を立てる。
+    MAX_ARCHIVE_ENTRIES = 20_000
+
+    # bzip2 展開に許す入力サイズ上限 (純Ruby 実装は重いので極端に巨大な .bz2 は弾く)。
+    MAX_BZIP2_INPUT_BYTES = 64 * 1024 * 1024
+
+    def handle_edit_archive(req, res)
+      return edit_method_guard(res) unless req.request_method == "GET"
+
+      path = req.query["path"].to_s
+      return edit_json(res, 400, "error" => "path required") if path.empty?
+
+      abs = @path_guard.resolve(path)
+      return edit_json(res, 404, "error" => "no such file") unless File.file?(abs)
+
+      kind = archive_kind(abs)
+      return edit_json(res, 415, "error" => "unsupported archive format") unless kind
+
+      info = inspect_archive(abs, kind)
+      edit_json(res, 200, { "path" => path }.merge(info))
+    rescue Chocomint::PathAccessError => e
+      edit_json(res, 403, "error" => e.message)
+    rescue ArchiveError => e
+      # 壊れている/未対応の内部構造など。UI 向けにメッセージを返す (500 にはしない)。
+      edit_json(res, 422, "error" => e.message)
+    rescue Chocomint::Error => e
+      edit_json(res, 500, "error" => e.message)
+    end
+
+    # アーカイブ処理中の想定内エラー (壊れたデータ・展開失敗など)。
+    class ArchiveError < StandardError; end
+
+    # ---- 形式判定 -----------------------------------------------------------
+
+    # 拡張子からアーカイブ形式を判定して種別文字列を返す (非対応は nil)。
+    # 種別: "zip" / "tar" / "tar.gz" / "tar.bz2" / "gz" / "bz2"
+    # 二重拡張子 (.tar.gz 等) を単一拡張子 (.gz) より優先する。
+    def archive_kind(abs)
+      lower = File.basename(abs).downcase
+      return "tar.gz" if lower.end_with?(".tar.gz")
+      return "tar.gz" if lower.end_with?(".tgz")
+      return "tar.bz2" if lower.end_with?(".tar.bz2")
+      return "tar.bz2" if lower.end_with?(".tbz2") || lower.end_with?(".tbz")
+      return "zip" if lower.end_with?(".zip")
+      return "tar" if lower.end_with?(".tar")
+      return "gz" if lower.end_with?(".gz")
+      return "bz2" if lower.end_with?(".bz2")
+
+      nil
+    end
+
+    # フロントがメディア/アーカイブを区別できるよう、handle_edit_file からも使う判定。
+    def archive?(abs)
+      !archive_kind(abs).nil?
+    end
+
+    # ---- 検査 (種別ごとにディスパッチ) --------------------------------------
+
+    def inspect_archive(abs, kind)
+      case kind
+      when "zip"                 then inspect_zip(abs)
+      when "tar"                 then inspect_tar(File.binread(abs))
+      when "tar.gz"              then inspect_tar(gunzip(File.binread(abs)))
+      when "tar.bz2"             then inspect_tar(bunzip2(abs))
+      when "gz"                  then inspect_single_compressed(abs, "gzip", strip_ext: ".gz")
+      when "bz2"                 then inspect_single_compressed(abs, "bzip2", strip_ext: ".bz2")
+      else
+        raise ArchiveError, "unsupported archive format"
+      end
+    end
+
+    # ---- tar の走査 ---------------------------------------------------------
+    #
+    # 展開済み tar バイト列を走査し、第一階層に畳んだ entries とメタデータを返す。
+    def inspect_tar(tar_bytes)
+      dirs = {}   # トップレベルのディレクトリ名 => 配下エントリ数
+      files = []  # トップレベルの直下ファイル { name, size }
+      total = 0
+      total_size = 0
+      capped = false
+
+      Gem::Package::TarReader.new(StringIO.new(tar_bytes)) do |reader|
+        reader.each do |entry|
+          name = entry.full_name.to_s
+          next if name.empty? || name == "./"
+
+          total += 1
+          if total > MAX_ARCHIVE_ENTRIES
+            capped = true
+            break
+          end
+
+          rel = normalize_entry_name(name)
+          next if rel.empty?
+
+          size = entry.header.size.to_i
+          total_size += size unless entry.directory?
+          accumulate_top_level(rel, entry.directory?, size, dirs, files)
+        end
+      end
+
+      build_result(dirs, files, total, total_size, capped)
+    rescue Gem::Package::TarInvalidError, Zlib::GzipFile::Error => e
+      raise ArchiveError, "tar を読み取れませんでした: #{e.message}"
+    end
+
+    # ---- zip の走査 (中央ディレクトリを自前パース) --------------------------
+    #
+    # 標準ライブラリだけで済ませるため rubyzip には依存せず、ZIP の End Of Central
+    # Directory (EOCD) → Central Directory を辿ってエントリ名とサイズを読む。
+    # 実データ (ローカルファイルヘッダ) は読まないので大きな zip でも軽い。
+    def inspect_zip(abs)
+      raw = File.binread(abs)
+      cd = zip_central_directory(raw)
+
+      dirs = {}
+      files = []
+      total = 0
+      total_size = 0
+      capped = false
+
+      cd.each do |ent|
+        total += 1
+        if total > MAX_ARCHIVE_ENTRIES
+          capped = true
+          break
+        end
+        rel = normalize_entry_name(ent[:name])
+        next if rel.empty?
+
+        total_size += ent[:size] unless ent[:dir]
+        accumulate_top_level(rel, ent[:dir], ent[:size], dirs, files)
+      end
+
+      build_result(dirs, files, total, total_size, capped)
+    end
+
+    # ZIP の中央ディレクトリを読み、各エントリの { name, size, dir } を返す。
+    def zip_central_directory(raw)
+      eocd = find_eocd(raw)
+      raise ArchiveError, "zip の終端レコードが見つかりません" unless eocd
+
+      count = raw[eocd + 10, 2].unpack1("v")
+      offset = raw[eocd + 16, 4].unpack1("V")
+      entries = []
+      pos = offset
+
+      count.times do
+        break if pos + 46 > raw.bytesize
+        sig = raw[pos, 4]
+        break unless sig == "PK\x01\x02".b # Central Directory File Header
+
+        usize = raw[pos + 24, 4].unpack1("V")          # uncompressed size
+        name_len = raw[pos + 28, 2].unpack1("v")
+        extra_len = raw[pos + 30, 2].unpack1("v")
+        comment_len = raw[pos + 32, 2].unpack1("v")
+        name = raw[pos + 46, name_len].to_s
+        name = zip_decode_name(name)
+        entries << { name: name, size: usize, dir: name.end_with?("/") }
+        pos += 46 + name_len + extra_len + comment_len
+      end
+
+      entries
+    end
+
+    # EOCD (End Of Central Directory, シグネチャ PK\x05\x06) を末尾から探す。
+    # ZIP コメントは最大 65535 バイトなので、末尾 (22 + 65535) だけ後方走査すれば十分。
+    def find_eocd(raw)
+      sig = "PK\x05\x06".b
+      min = [raw.bytesize - (22 + 0xFFFF), 0].max
+      i = raw.bytesize - 22
+      while i >= min
+        return i if raw[i, 4] == sig
+
+        i -= 1
+      end
+      nil
+    end
+
+    # zip のエントリ名を文字列に整える。UTF-8 として妥当ならそれ、駄目なら置換して壊さない。
+    def zip_decode_name(name)
+      s = name.dup.force_encoding("UTF-8")
+      s.valid_encoding? ? s : s.scrub("?")
+    end
+
+    # ---- 単体圧縮ファイル (.gz / .bz2、tar でない) --------------------------
+    #
+    # tar を含まない単なる圧縮ファイルは、展開後の 1 ファイルとして扱う。
+    # 中身の全展開は避け、メタデータ (圧縮/展開サイズ・推定名) だけを返す。
+    def inspect_single_compressed(abs, algorithm, strip_ext:)
+      compressed_size = File.size(abs)
+      inner_name = File.basename(abs)
+      inner_name = inner_name[0...-strip_ext.length] if inner_name.downcase.end_with?(strip_ext)
+
+      uncompressed_size =
+        case algorithm
+        when "gzip"  then gzip_uncompressed_size(abs)
+        when "bzip2" then bunzip2(abs).bytesize
+        end
+
+      {
+        "archive" => algorithm == "gzip" ? "gz" : "bz2",
+        "single" => true,
+        "entries" => [{ "name" => inner_name, "dir" => false, "size" => uncompressed_size }],
+        "total_entries" => 1,
+        "total_size" => uncompressed_size,
+        "compressed_size" => compressed_size,
+        "capped" => false
+      }
+    end
+
+    # ---- 展開ヘルパ ---------------------------------------------------------
+
+    def gunzip(bytes)
+      Zlib::GzipReader.new(StringIO.new(bytes)).read
+    rescue Zlib::GzipFile::Error => e
+      raise ArchiveError, "gzip を展開できませんでした: #{e.message}"
+    end
+
+    # gzip 末尾 4 バイトの ISIZE (展開後サイズ mod 2^32)。4GB 未満の実用ケース向け。
+    def gzip_uncompressed_size(abs)
+      tail = File.open(abs, "rb") { |f| f.seek(-4, IO::SEEK_END); f.read(4) }
+      tail ? tail.unpack1("V") : nil
+    rescue SystemCallError
+      nil
+    end
+
+    # bzip2 を純Ruby (rbzip2) で展開する。ネイティブ libbz2 は不要。
+    def bunzip2(abs)
+      require "rbzip2"
+      raw = File.binread(abs)
+      if raw.bytesize > MAX_BZIP2_INPUT_BYTES
+        raise ArchiveError, "bzip2 ファイルが大きすぎます (上限 #{MAX_BZIP2_INPUT_BYTES / (1024 * 1024)}MB)"
+      end
+
+      RBzip2.default_adapter::Decompressor.new(StringIO.new(raw)).read
+    rescue LoadError
+      raise ArchiveError, "bzip2 の展開には rbzip2 gem が必要です"
+    rescue ArchiveError
+      raise
+    rescue StandardError => e
+      raise ArchiveError, "bzip2 を展開できませんでした: #{e.message}"
+    end
+
+    # ---- 集計の共通処理 -----------------------------------------------------
+
+    # エントリ名を正規化する ("./" 前置や重複スラッシュを除く。先頭は相対に統一)。
+    def normalize_entry_name(name)
+      s = name.tr("\\", "/")
+      s = s.sub(%r{\A\./}, "")
+      s = s.sub(%r{\A/+}, "")
+      s.gsub(%r{/+}, "/")
+    end
+
+    # 正規化済みエントリを「第一階層」に畳んで dirs / files に足し込む。
+    #   "src/main.rb" → トップレベル dir "src" を登録し配下件数 +1
+    #   "README.md"   → トップレベル直下 file "README.md"
+    #   "src/"        → dir "src" を登録するだけ (ディレクトリ自身なので件数は増やさない)
+    #   "emptydir/"   → dir "emptydir" を件数 0 で登録 (空ディレクトリ)
+    def accumulate_top_level(rel, is_dir, size, dirs, files)
+      # 末尾スラッシュはディレクトリ自身のエントリ。区切りとしての "/" と区別する。
+      trailing_dir = rel.end_with?("/")
+      trimmed = trailing_dir ? rel.chomp("/") : rel
+      slash = trimmed.index("/")
+
+      if slash.nil?
+        # トップレベル直下のエントリ (ファイル or ディレクトリ自身)。
+        if is_dir || trailing_dir
+          dirs[trimmed] ||= 0 # 件数は増やさない (自身の登録だけ)。
+        else
+          files << { name: trimmed, size: size }
+        end
+      else
+        # 配下エントリ → トップレベルのディレクトリに畳んで件数を +1。
+        top = trimmed[0...slash]
+        dirs[top] ||= 0
+        dirs[top] += 1
+      end
+    end
+
+    # dirs / files から JSON 用の結果ハッシュを組み立てる。
+    # entries はディレクトリ→ファイルの順、各名前順 (一覧の並びに揃える)。
+    def build_result(dirs, files, total, total_size, capped)
+      dir_entries = dirs.keys.sort.map do |name|
+        { "name" => name, "dir" => true, "child_count" => dirs[name] }
+      end
+      # 同名ファイルの重複は稀だが、名前順で安定させる。
+      file_entries = files.uniq { |f| f[:name] }
+                          .sort_by { |f| f[:name] }
+                          .map { |f| { "name" => f[:name], "dir" => false, "size" => f[:size] } }
+
+      {
+        "archive" => "tar_or_zip",
+        "single" => false,
+        "entries" => dir_entries + file_entries,
+        "total_entries" => total,
+        "total_size" => total_size,
+        "capped" => capped
+      }
+    end
+  end
+end

data/lib/chocomint/edit_handlers.rb

@@ -110,6 +110,18 @@ module Chocomint
 
       abs = @path_guard.resolve(path)
       return edit_json(res, 404, "error" => "no such file") unless File.file?(abs)
+
+      # 画像 / PDF / 動画 / 音声は拡張子で先に判定し、中身を読まずにメディア種別だけ返す
+      # (フロントは /edit/raw で取得する)。SVG のようにテキストでもある形式もここで拾う。
+      # メディアは巨大化しやすい (動画等) ため @max_file_bytes の上限は掛けない。
+      media = media_kind(abs)
+      return edit_json(res, 200, "path" => path, "media" => media) if media
+
+      # zip / tar / tar.gz / bz2 等のアーカイブは第一階層一覧を表示する専用ビューに回す
+      # (フロントは /edit/archive で取得する)。中身の展開はここでは行わない。
+      return edit_json(res, 200, "path" => path, "archive" => true) if archive?(abs)
+
+      # テキストとして開くものだけサイズ上限を掛ける (Monaco に丸ごと載せるため)。
       if File.size(abs) > @max_file_bytes
         return edit_json(res, 413, "error" => "file too large")
       end
@@ -127,6 +139,126 @@ module Chocomint
       edit_json(res, 500, "error" => e.message)
     end
 
+    # ---- 生ファイル配信 (画像 / PDF / 動画 / 音声のプレビュー用) ---------------
+    #
+    #   GET /edit/raw?path=foo.png
+    #
+    # workspace 内のファイルを、拡張子から推定した Content-Type でそのまま返す。
+    # <img> / <video> / <audio> / <iframe> から参照される。テキストと違い巨大化しやすい
+    # (動画等) ため @max_file_bytes の上限は掛けず、Range リクエストに応じて部分配信もする
+    # (動画のシークや音声再生に必要)。
+    def handle_edit_raw(req, res)
+      return edit_method_guard(res) unless req.request_method == "GET"
+
+      path = req.query["path"].to_s
+      return edit_json(res, 400, "error" => "path required") if path.empty?
+
+      abs = @path_guard.resolve(path)
+      return edit_json(res, 404, "error" => "no such file") unless File.file?(abs)
+
+      content_type = media_content_type(abs)
+      res["cache-control"] = "no-cache"
+      res["accept-ranges"] = "bytes"
+      serve_raw_file(req, res, abs, content_type)
+    rescue Chocomint::PathAccessError => e
+      edit_json(res, 403, "error" => e.message)
+    rescue Chocomint::Error => e
+      edit_json(res, 500, "error" => e.message)
+    end
+
+    # 拡張子から Content-Type を推定する。未知の拡張子は octet-stream。
+    RAW_CONTENT_TYPES = {
+      # 画像 (ラスター)
+      ".png" => "image/png", ".jpg" => "image/jpeg", ".jpeg" => "image/jpeg",
+      ".gif" => "image/gif", ".webp" => "image/webp", ".bmp" => "image/bmp",
+      ".ico" => "image/x-icon", ".avif" => "image/avif", ".apng" => "image/apng",
+      ".tif" => "image/tiff", ".tiff" => "image/tiff",
+      # 画像 (ベクター)
+      ".svg" => "image/svg+xml",
+      # 文書
+      ".pdf" => "application/pdf",
+      # 動画
+      ".mp4" => "video/mp4", ".m4v" => "video/mp4", ".webm" => "video/webm",
+      ".ogv" => "video/ogg", ".mkv" => "video/x-matroska", ".mov" => "video/quicktime",
+      ".avi" => "video/x-msvideo",
+      # 音声
+      ".mp3" => "audio/mpeg", ".wav" => "audio/wav", ".ogg" => "audio/ogg",
+      ".oga" => "audio/ogg", ".m4a" => "audio/mp4", ".aac" => "audio/aac",
+      ".flac" => "audio/flac", ".opus" => "audio/opus", ".weba" => "audio/webm"
+    }.freeze
+
+    def media_content_type(abs)
+      RAW_CONTENT_TYPES.fetch(File.extname(abs).downcase, "application/octet-stream")
+    end
+
+    # 拡張子 → メディア種別 ("image" / "pdf" / "video" / "audio")。フロントはこの値で
+    # 表示ウィジェット (<img> / <iframe> / <video> / <audio>) を選ぶ。非メディアは nil。
+    MEDIA_KINDS = {
+      "image" => %w[.png .jpg .jpeg .gif .webp .bmp .ico .avif .apng .tif .tiff .svg],
+      "pdf" => %w[.pdf],
+      "video" => %w[.mp4 .m4v .webm .ogv .mkv .mov .avi],
+      "audio" => %w[.mp3 .wav .ogg .oga .m4a .aac .flac .opus .weba]
+    }.freeze
+
+    # 拡張子 (小文字) → メディア種別の逆引き表。
+    MEDIA_KIND_BY_EXT = MEDIA_KINDS.each_with_object({}) do |(kind, exts), h|
+      exts.each { |ext| h[ext] = kind }
+    end.freeze
+
+    def media_kind(abs)
+      MEDIA_KIND_BY_EXT[File.extname(abs).downcase]
+    end
+
+    # ファイルを配信する。Range ヘッダがあれば 206 Partial Content で部分配信する
+    # (動画のシーク・一部ブラウザの音声/動画再生に必須)。範囲不正なら 416。
+    def serve_raw_file(req, res, abs, content_type)
+      size = File.size(abs)
+      range = parse_byte_range(req["range"], size)
+
+      if range.nil? && req["range"].to_s.strip != ""
+        # Range 指定はあるが解釈できない → 416 で全長を知らせる。
+        res.status = 416
+        res["content-range"] = "bytes */#{size}"
+        res.body = ""
+        return
+      end
+
+      res["content-type"] = content_type
+      if range
+        first, last = range
+        res.status = 206
+        res["content-range"] = "bytes #{first}-#{last}/#{size}"
+        res["content-length"] = (last - first + 1).to_s
+        res.body = File.open(abs, "rb") { |f| f.seek(first); f.read(last - first + 1) }
+      else
+        res.status = 200
+        res["content-length"] = size.to_s
+        res.body = File.binread(abs)
+      end
+    end
+
+    # "bytes=first-last" 形式の Range を [first, last] に解釈する (単一範囲のみ対応)。
+    # 範囲を持たない/不正/範囲外なら nil を返す。"bytes=500-" や "bytes=-500" にも対応。
+    def parse_byte_range(header, size)
+      return nil if header.nil? || size.zero?
+
+      m = /\Abytes=(\d*)-(\d*)\z/.match(header.strip)
+      return nil unless m
+
+      first_s, last_s = m[1], m[2]
+      if first_s.empty? && last_s.empty?
+        nil
+      elsif first_s.empty?
+        # 末尾 N バイト。
+        n = last_s.to_i
+        n.zero? ? nil : [[size - n, 0].max, size - 1]
+      else
+        first = first_s.to_i
+        last = last_s.empty? ? size - 1 : [last_s.to_i, size - 1].min
+        (first <= last && first < size) ? [first, last] : nil
+      end
+    end
+
     # テキストとして扱えないか判定する。NUL バイトを含む、または先頭ブロックが
     # 妥当な UTF-8 でないものはバイナリ (エディタで開けない) とみなす。
     BINARY_SNIFF_BYTES = 8192
@@ -155,7 +287,9 @@ module Chocomint
 
       abs = @path_guard.resolve(path)
       FileUtils.mkdir_p(File.dirname(abs))
-      File.write(abs, content)
+      # バイナリモードで書き込む。Windows の既定 (テキストモード) だと \n が \r\n に
+      # 変換され、クライアントが選んだ改行コード (CRLF/LF) を無視して常に CRLF になってしまう。
+      File.binwrite(abs, content)
       edit_json(res, 200, "path" => path, "bytes" => content.bytesize)
     rescue JSON::ParserError => e
       edit_json(res, 400, "error" => "invalid JSON: #{e.message}")

data/lib/chocomint/server.rb

@@ -8,6 +8,7 @@ require_relative "errors"
 require_relative "logger/sqlite_logger"
 require_relative "edit_handlers"
 require_relative "edit_git_handlers"
+require_relative "edit_archive_handlers"
 
 module Chocomint
   # 監督完結型の Anthropic Messages API 互換プロキシサーバー。
@@ -20,6 +21,7 @@ module Chocomint
   class Server
     include EditHandlers
     include EditGitHandlers
+    include EditArchiveHandlers
 
     # planner: Planner インスタンス (run(request, expectations:) -> Planner::Result)。
     # edit UI 用に PathGuard / base_dir / vendor / console 情報も受け取る (任意)。
@@ -63,6 +65,8 @@ module Chocomint
         server.mount_proc("/edit/static") { |req, res| handle_edit_static(req, res) }
         server.mount_proc("/edit/dir") { |req, res| handle_edit_dir(req, res) }
         server.mount_proc("/edit/file") { |req, res| handle_edit_file(req, res) }
+        server.mount_proc("/edit/raw") { |req, res| handle_edit_raw(req, res) }
+        server.mount_proc("/edit/archive") { |req, res| handle_edit_archive(req, res) }
         server.mount_proc("/edit/save") { |req, res| handle_edit_save(req, res) }
         server.mount_proc("/edit/chat") { |req, res| handle_edit_chat(req, res) }
         server.mount_proc("/edit/compact") { |req, res| handle_edit_compact(req, res) }

data/lib/chocomint.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 module Chocomint
-  VERSION = "1.0.3"
+  VERSION = "1.1.0"
 end
 
 require_relative "chocomint/errors"

data/public/edit/edit.css

@@ -102,8 +102,11 @@ html, body { margin: 0; height: 100%;
 #files-actions .menu-icon-btn:hover { background: #dcecee; }
 #file-list { overflow: auto; flex: 1 1 auto; min-height: 3rem; }
 #files ul { list-style: none; margin: 0; padding: 0; }
-#files ul ul { display: none; padding-left: 0.9rem; } /* 折りたたみ + 階層インデント */
-#files li.dir.open > ul { display: block; }
+/* 子ディレクトリの <ul> は class="children"。ルートは #file-list (div) 直下に
+   <li> を直接並べる (renderRoot が ul 自体を作らない) ため、入れ子 "ul ul" では
+   マッチしない。children クラスを直接ターゲットにして折りたたみ + 階層インデントを効かせる。 */
+#files ul.children { display: none; padding-left: 0.9rem; }
+#files li.dir.open > ul.children { display: block; }
 #files .row { display: flex; align-items: center; gap: 0.2rem;
             padding: 0.25rem 0.7rem; font-size: 0.83rem; cursor: pointer;
             min-width: 0; white-space: nowrap; overflow: hidden; }
@@ -173,6 +176,12 @@ html, body { margin: 0; height: 100%;
                      cursor: pointer; border-radius: 4px; }
 #statusbar-branch:hover { background: rgba(255,255,255,0.15); }
 .statusbar-branch-icon { font-size: 0.85rem; }
+/* ブランチ (左) と改行コード (右) を両端に寄せるための伸縮スペーサー。 */
+.statusbar-spacer { flex: 1; }
+#statusbar-eol { background: transparent; border: none; color: inherit; font-size: inherit;
+                 padding: 0.2rem 0.6rem; cursor: pointer; border-radius: 4px; }
+#statusbar-eol[hidden] { display: none; }
+#statusbar-eol:hover { background: rgba(255,255,255,0.15); }
 /* ブランチ切り替えダイアログの一覧。 */
 .branch-list { list-style: none; margin: 0 0 0.7rem; padding: 0; max-height: 12rem;
                overflow: auto; border: 1px solid #eee; border-radius: 6px; }
@@ -188,6 +197,63 @@ html, body { margin: 0; height: 100%;
 #editor { flex: 1; min-height: 0; min-width: 0; }
 /* 開いているタブが無いときは Monaco を隠し、代わりにプレースホルダーを見せる。 */
 #app.no-tabs #editor { display: none; }
+/* メディアプレビュー領域: 画像 / PDF / 動画 / 音声を表示する。
+   .show-media のときだけ表示し、その間は Monaco (#editor) を隠す。 */
+#media-view { display: none; flex: 1; min-height: 0; min-width: 0;
+              overflow: auto; background: #f6f6f6;
+              align-items: center; justify-content: center; padding: 1rem; }
+#app.show-media #editor { display: none; }
+#app.show-media #media-view { display: flex; }
+/* 画像: 領域に収まるよう縮小しつつ、原寸以上には拡大しない。市松模様で透過を分かりやすく。 */
+#media-view img.media-image { max-width: 100%; max-height: 100%; object-fit: contain;
+  background-image:
+    linear-gradient(45deg, #e0e0e0 25%, transparent 25%),
+    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),
+    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
+  background-size: 20px 20px;
+  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
+  box-shadow: 0 1px 6px rgba(0,0,0,0.2); }
+/* PDF: iframe を領域いっぱいに広げる (padding 無しで縁まで使う)。 */
+#app.show-media.media-pdf #media-view { padding: 0; align-items: stretch; }
+#media-view iframe.media-pdf { flex: 1; width: 100%; height: 100%; border: none; }
+/* 動画: 領域に収める。 */
+#media-view video.media-video { max-width: 100%; max-height: 100%;
+                                background: #000; box-shadow: 0 1px 6px rgba(0,0,0,0.2); }
+/* 音声: プレイヤーはファイル名の下に配置する縦積みカード。 */
+#media-view .media-audio-card { display: flex; flex-direction: column; gap: 0.75rem;
+                                align-items: center; color: #555; }
+#media-view .media-audio-card .media-audio-name { font-size: 0.9rem; word-break: break-all; }
+#media-view audio.media-audio { width: min(28rem, 80vw); }
+/* 読み込み失敗時のメッセージ。 */
+#media-view .media-error { color: #a33; font-size: 0.9rem; text-align: center; }
+/* アーカイブ (zip/tar 等) の第一階層 + メタデータ表示。 */
+#archive-view { display: none; flex: 1; min-height: 0; min-width: 0;
+                overflow: auto; background: #fafafa; padding: 1rem 1.25rem; }
+#app.show-archive #editor { display: none; }
+#app.show-archive #archive-view { display: block; }
+.archive-head { display: flex; align-items: baseline; gap: 0.6rem;
+                padding-bottom: 0.6rem; margin-bottom: 0.5rem;
+                border-bottom: 1px solid #e0e0e0; }
+.archive-head .archive-name { font-size: 1.05rem; font-weight: 600; color: #16393d;
+                              word-break: break-all; }
+.archive-head .archive-kind { font-size: 0.72rem; font-weight: 600; color: #16393d;
+                              background: #cdeff3; border-radius: 3px; padding: 0.1rem 0.4rem; }
+.archive-meta { color: #666; font-size: 0.8rem; margin-bottom: 0.75rem;
+                display: flex; flex-wrap: wrap; gap: 0.3rem 1rem; }
+.archive-meta .archive-capped { color: #a35; }
+/* エントリ一覧: アイコン + 名前 + 補足 (件数/サイズ) の行。 */
+.archive-list { list-style: none; margin: 0; padding: 0; }
+.archive-list li { display: flex; align-items: center; gap: 0.5rem;
+                   padding: 0.28rem 0.4rem; border-radius: 4px; font-size: 0.85rem; }
+.archive-list li:hover { background: #eef6f7; }
+.archive-list .a-icon { width: 1.3em; text-align: center; flex-shrink: 0; }
+.archive-list .a-name { flex: 1; min-width: 0; overflow: hidden;
+                        text-overflow: ellipsis; white-space: nowrap; color: #222; }
+.archive-list .a-sub { flex-shrink: 0; color: #999; font-size: 0.78rem;
+                       font-variant-numeric: tabular-nums; }
+.archive-empty { color: #999; font-size: 0.85rem; padding: 0.5rem 0; }
+.archive-error { color: #a33; font-size: 0.9rem; padding: 0.5rem 0; }
 #editor-empty { display: none; flex: 1; align-items: center; justify-content: center;
                 color: #999; font-size: 0.9rem; user-select: none; }
 #app.no-tabs #editor-empty { display: flex; }

data/public/edit/edit.js

@@ -165,12 +165,35 @@ const FILE_ICONS = {
   jpg: '🖼️',
   jpeg: '🖼️',
   gif: '🖼️',
+  webp: '🖼️',
+  bmp: '🖼️',
   svg: '🖼️',
   ico: '🖼️',
+  avif: '🖼️',
+  tif: '🖼️',
+  tiff: '🖼️',
   pdf: '📕',
+  mp4: '🎬',
+  m4v: '🎬',
+  webm: '🎬',
+  mkv: '🎬',
+  mov: '🎬',
+  avi: '🎬',
+  ogv: '🎬',
+  mp3: '🎵',
+  wav: '🎵',
+  ogg: '🎵',
+  m4a: '🎵',
+  aac: '🎵',
+  flac: '🎵',
+  opus: '🎵',
   zip: '📦',
   gz: '📦',
   tar: '📦',
+  tgz: '📦',
+  bz2: '📦',
+  tbz: '📦',
+  tbz2: '📦',
   lock: '🔒',
   gitignore: '🚫',
   dockerfile: '🐳',
@@ -612,18 +635,22 @@ function removeTab(path) {
   const wasActive = currentPath === path;
   if (wasActive && autoSaveTimer) { clearTimeout(autoSaveTimer); autoSaveTimer = null; }
   openTabs.splice(idx, 1);
-  tab.model.dispose();
+  // メディアタブは Monaco モデルを持たない (model=null)。テキスト/バイナリのみ破棄する。
+  if (tab.model) tab.model.dispose();
   if (wasActive) {
     currentPath = null;
     const next = openTabs[idx] || openTabs[idx - 1];
     if (next) {
       activateEditorTab(next.path);
     } else {
+      hideMediaView();
+      hideArchiveView();
       editor.setModel(null);
       document.getElementById('app').classList.add('no-tabs');
       setPathLabel('(ファイル未選択)');
       setDirty(false);
       setSaveStatus('');
+      updateEolStatus();
       document.querySelectorAll('#file-list li.file.active').forEach(x => x.classList.remove('active'));
     }
   }
@@ -677,6 +704,199 @@ function openFileByPath(path) {
   return openFile(path, li);
 }
 
+// ---- メディアプレビュー (画像 / PDF / 動画 / 音声) ----
+// メディアタブがアクティブなときだけ #media-view を表示し、Monaco を隠す。
+// 生ファイルは /edit/raw?path= から取得する (種別ごとの Content-Type / Range 対応)。
+
+// 現在 #media-view に載せている <video>/<audio> を止めるために保持する。
+let currentMediaEl = null;
+
+function rawUrl(path) {
+  return '/edit/raw?path=' + encodeURIComponent(path);
+}
+
+function showMediaView(tab) {
+  const app = document.getElementById('app');
+  const view = document.getElementById('media-view');
+  stopCurrentMedia();
+  view.innerHTML = '';
+  app.classList.add('show-media');
+  // PDF は縁まで使いたいので専用クラスで padding を外す (CSS 側で制御)。
+  app.classList.toggle('media-pdf', tab.media === 'pdf');
+
+  const url = rawUrl(tab.path);
+  const name = tab.path.split('/').pop();
+  let el;
+  switch (tab.media) {
+    case 'image':
+      el = document.createElement('img');
+      el.className = 'media-image';
+      el.alt = name;
+      el.src = url;
+      el.onerror = () => showMediaError(view, '画像を読み込めませんでした');
+      view.appendChild(el);
+      break;
+    case 'pdf':
+      el = document.createElement('iframe');
+      el.className = 'media-pdf';
+      el.title = name;
+      el.src = url;
+      view.appendChild(el);
+      break;
+    case 'video':
+      el = document.createElement('video');
+      el.className = 'media-video';
+      el.src = url;
+      el.controls = true;
+      el.onerror = () => showMediaError(view,
+        'この動画はブラウザで再生できない形式の可能性があります (' + name + ')');
+      view.appendChild(el);
+      currentMediaEl = el;
+      break;
+    case 'audio': {
+      const card = document.createElement('div');
+      card.className = 'media-audio-card';
+      const label = document.createElement('div');
+      label.className = 'media-audio-name';
+      label.textContent = '🎵 ' + name;
+      el = document.createElement('audio');
+      el.className = 'media-audio';
+      el.src = url;
+      el.controls = true;
+      el.onerror = () => showMediaError(view,
+        'この音声はブラウザで再生できない形式の可能性があります (' + name + ')');
+      card.appendChild(label);
+      card.appendChild(el);
+      view.appendChild(card);
+      currentMediaEl = el;
+      break;
+    }
+    default:
+      showMediaError(view, 'このファイルはプレビューできません');
+  }
+}
+
+function showMediaError(view, message) {
+  const p = document.createElement('div');
+  p.className = 'media-error';
+  p.textContent = message;
+  view.appendChild(p);
+}
+
+// 再生中のメディアを止める (タブ切り替え/クローズ時に音が鳴り続けないように)。
+function stopCurrentMedia() {
+  if (currentMediaEl) {
+    try { currentMediaEl.pause(); } catch (e) { /* 既に破棄済み等は無視 */ }
+    currentMediaEl = null;
+  }
+}
+
+function hideMediaView() {
+  const app = document.getElementById('app');
+  if (!app.classList.contains('show-media')) return;
+  stopCurrentMedia();
+  app.classList.remove('show-media', 'media-pdf');
+  document.getElementById('media-view').innerHTML = '';
+}
+
+// ---- アーカイブプレビュー (zip / tar / tar.gz / bz2 等) ----
+// 第一階層 (トップレベル) のエントリとメタデータを /edit/archive?path= から取得して表示する。
+
+// バイト数を人間可読 (KB/MB 等) に整形する。null/未定義は空文字。
+function formatBytes(n) {
+  if (n == null || isNaN(n)) return '';
+  if (n < 1024) return n + ' B';
+  const units = ['KB', 'MB', 'GB', 'TB'];
+  let v = n / 1024, i = 0;
+  while (v >= 1024 && i < units.length - 1) { v /= 1024; i++; }
+  return (v < 10 ? v.toFixed(1) : Math.round(v)) + ' ' + units[i];
+}
+
+// アーカイブ形式のバッジ表示名。
+const ARCHIVE_KIND_LABELS = {
+  tar_or_zip: 'ARCHIVE', gz: 'GZIP', bz2: 'BZIP2'
+};
+
+async function showArchiveView(tab) {
+  const app = document.getElementById('app');
+  const view = document.getElementById('archive-view');
+  app.classList.add('show-archive');
+  const name = tab.path.split('/').pop();
+  view.innerHTML = '<div class="archive-empty">読み込み中…</div>';
+
+  let data;
+  try {
+    const r = await fetch('/edit/archive?path=' + encodeURIComponent(tab.path));
+    data = await r.json();
+    if (!r.ok) throw new Error(data.error || 'アーカイブを読み取れませんでした');
+  } catch (err) {
+    // 取得中にタブが切り替わっていたら描画しない。
+    if (currentPath !== tab.path) return;
+    view.innerHTML = '';
+    view.appendChild(el('div', 'archive-error', '⚠ ' + err.message));
+    return;
+  }
+  if (currentPath !== tab.path) return; // 取得中に別タブへ切り替わっていたら破棄。
+  renderArchive(view, name, data);
+}
+
+// 単純な要素生成ヘルパ (class と textContent 付き)。
+function el(tag, cls, text) {
+  const e = document.createElement(tag);
+  if (cls) e.className = cls;
+  if (text != null) e.textContent = text;
+  return e;
+}
+
+function renderArchive(view, name, data) {
+  view.innerHTML = '';
+
+  // ヘッダー (ファイル名 + 形式バッジ)。
+  const head = el('div', 'archive-head');
+  head.appendChild(el('span', 'archive-name', '📦 ' + name));
+  head.appendChild(el('span', 'archive-kind', ARCHIVE_KIND_LABELS[data.archive] || 'ARCHIVE'));
+  view.appendChild(head);
+
+  // メタデータ行 (エントリ数 / 合計サイズ / 圧縮サイズ)。
+  const meta = el('div', 'archive-meta');
+  const entryCount = data.total_entries != null ? data.total_entries : (data.entries || []).length;
+  meta.appendChild(el('span', null, entryCount + ' エントリ'));
+  if (data.total_size != null) meta.appendChild(el('span', null, '展開後 ' + formatBytes(data.total_size)));
+  if (data.compressed_size != null) meta.appendChild(el('span', null, '圧縮 ' + formatBytes(data.compressed_size)));
+  if (data.capped) meta.appendChild(el('span', 'archive-capped', '(一部のみ表示)'));
+  view.appendChild(meta);
+
+  // エントリ一覧 (第一階層)。
+  const entries = data.entries || [];
+  if (entries.length === 0) {
+    view.appendChild(el('div', 'archive-empty', '（エントリがありません）'));
+    return;
+  }
+  const ul = el('ul', 'archive-list');
+  for (const ent of entries) {
+    const li = el('li');
+    li.appendChild(el('span', 'a-icon', ent.dir ? '📁' : fileIcon(ent.name)));
+    li.appendChild(el('span', 'a-name', ent.name + (ent.dir ? '/' : '')));
+    // ディレクトリは配下件数、ファイルはサイズを右側に添える。
+    let sub = '';
+    if (ent.dir) {
+      if (ent.child_count != null) sub = ent.child_count + ' 項目';
+    } else if (ent.size != null) {
+      sub = formatBytes(ent.size);
+    }
+    if (sub) li.appendChild(el('span', 'a-sub', sub));
+    ul.appendChild(li);
+  }
+  view.appendChild(ul);
+}
+
+function hideArchiveView() {
+  const app = document.getElementById('app');
+  if (!app.classList.contains('show-archive')) return;
+  app.classList.remove('show-archive');
+  document.getElementById('archive-view').innerHTML = '';
+}
+
 async function openFile(path, li) {
   if (!editor) return;
   // 既に開いているファイルなら、そのタブへ切り替えるだけ (再フェッチしない)。
@@ -686,6 +906,24 @@ async function openFile(path, li) {
   const data = await r.json();
   if (!r.ok) { alert(data.error || 'open failed'); return; }
 
+  // 画像 / PDF / 動画 / 音声はメディアタブとして開く (Monaco モデルは持たない)。
+  if (data.media) {
+    const tab = { path, model: null, viewState: null, dirty: false,
+                  binary: false, media: data.media, archive: false };
+    openTabs.push(tab);
+    activateEditorTab(path, li);
+    return;
+  }
+
+  // zip / tar 等のアーカイブは第一階層一覧タブとして開く (Monaco モデルは持たない)。
+  if (data.archive) {
+    const tab = { path, model: null, viewState: null, dirty: false,
+                  binary: false, media: null, archive: true };
+    openTabs.push(tab);
+    activateEditorTab(path, li);
+    return;
+  }
+
   // 新しいモデルを作ってタブに紐づける (以後このモデルが内容・undo 履歴を保持する)。
   const binary = !!data.binary;
   const content = binary
@@ -693,11 +931,45 @@ async function openFile(path, li) {
     : (data.content || '');
   const lang = binary ? 'plaintext' : langOf(path);
   const model = monaco.editor.createModel(content, lang);
-  const tab = { path, model, viewState: null, dirty: false, binary };
+  // 元ファイルの改行コードをモデルへ反映する (Monaco は既定で LF に正規化してしまうため、
+  // CRLF のファイルを開いて保存すると LF に化ける。開いた時点の実際の改行を尊重する)。
+  if (!binary) {
+    const crlf = /\r\n/.test(content);
+    model.setEOL(crlf ? monaco.editor.EndOfLineSequence.CRLF
+                      : monaco.editor.EndOfLineSequence.LF);
+  }
+  const tab = { path, model, viewState: null, dirty: false, binary, media: null, archive: false };
   openTabs.push(tab);
   activateEditorTab(path, li);
 }
 
+// ステータスバーの改行コード表示を更新する。テキストを編集できるタブ (通常タブ) の
+// ときだけ CRLF/LF を表示し、それ以外 (未選択・メディア・アーカイブ・バイナリ) では隠す。
+function updateEolStatus() {
+  const btn = document.getElementById('statusbar-eol');
+  const nameEl = document.getElementById('statusbar-eol-name');
+  if (!btn || !nameEl) return;
+  const tab = currentPath ? findTab(currentPath) : null;
+  const editable = tab && tab.model && !tab.media && !tab.archive && !tab.binary;
+  if (!editable) { btn.hidden = true; return; }
+  btn.hidden = false;
+  nameEl.textContent = tab.model.getEOL() === '\r\n' ? 'CRLF' : 'LF';
+}
+
+// ステータスバーの改行コードをクリックしたときに CRLF ⇄ LF を切り替える。
+// 切り替えは内容の編集にあたるので dirty 扱いにし、自動保存の有無はエディタ設定に従う
+// (setDirty → scheduleAutoSave。自動保存が OFF なら手動 Ctrl+S まで保存されない)。
+function toggleEol() {
+  const tab = currentPath ? findTab(currentPath) : null;
+  if (!tab || !tab.model || tab.media || tab.archive || tab.binary) return;
+  const toCrlf = tab.model.getEOL() !== '\r\n';
+  tab.model.setEOL(toCrlf ? monaco.editor.EndOfLineSequence.CRLF
+                          : monaco.editor.EndOfLineSequence.LF);
+  updateEolStatus();
+  setDirty(true);
+  scheduleAutoSave();
+}
+
 // 指定パスのエディタタブをアクティブにする。Monaco のモデルを差し替え、ビュー状態を復元する。
 // (ターミナルタブ用の activateTab とは別関数なので名前を分けている)
 function activateEditorTab(path, li) {
@@ -717,15 +989,34 @@ function activateEditorTab(path, li) {
   setPathLabel(path);
 
   document.getElementById('app').classList.remove('no-tabs');
-  suppressChangeEvent = true;
-  editor.setModel(tab.model);
-  suppressChangeEvent = false;
-  if (tab.viewState) editor.restoreViewState(tab.viewState);
-  editor.updateOptions({ readOnly: tab.binary });
-  editor.focus();
+  if (tab.media) {
+    // メディアタブ: Monaco はモデルを外して隠し、メディアビューアを表示する。
+    hideArchiveView();
+    suppressChangeEvent = true;
+    editor.setModel(null);
+    suppressChangeEvent = false;
+    showMediaView(tab);
+  } else if (tab.archive) {
+    // アーカイブタブ: Monaco を隠し、第一階層一覧を表示する。
+    hideMediaView();
+    suppressChangeEvent = true;
+    editor.setModel(null);
+    suppressChangeEvent = false;
+    showArchiveView(tab);
+  } else {
+    hideMediaView();
+    hideArchiveView();
+    suppressChangeEvent = true;
+    editor.setModel(tab.model);
+    suppressChangeEvent = false;
+    if (tab.viewState) editor.restoreViewState(tab.viewState);
+    editor.updateOptions({ readOnly: tab.binary });
+    editor.focus();
+  }
 
   isDirty = tab.dirty;
   setSaveStatus('');
+  updateEolStatus();
   renderEditorTabs();
 
   // ファイル一覧側のハイライトを同期する (li が渡されなければパスから探す)。
@@ -793,6 +1084,9 @@ async function saveCurrent(opts) {
   // ファイル未選択で手動保存 (Ctrl+S / メニュー) されたときは、保存先を尋ねる
   // ダイアログを開く (自動保存はそもそも未選択時は動かないので auto では出さない)。
   if (!currentPath) { if (!auto) openSaveAsDialog(); return; }
+  // メディア/アーカイブタブは編集対象ではないので保存しない。
+  const cur = findTab(currentPath);
+  if (cur && (cur.media || cur.archive)) return;
   // バイナリ表示中 (readOnly) は保存しない (プレースホルダで上書きしないため)。
   if (editor.getRawOptions && editor.getRawOptions().readOnly) return;
   if (autoSaveTimer) { clearTimeout(autoSaveTimer); autoSaveTimer = null; }
@@ -1539,7 +1833,9 @@ function addCompactSummary(text) {
 
 // 最終結果に伴うエディタ反映とファイル一覧更新 (描画とは分離した副作用処理)。
 function applyResultSideEffects(data) {
-  if (data.content != null && editor && currentPath) {
+  const curTab = currentPath ? findTab(currentPath) : null;
+  // メディア/アーカイブタブ表示中は Monaco にモデルが無いので content を流し込まない。
+  if (data.content != null && editor && currentPath && !(curTab && (curTab.media || curTab.archive))) {
     if (autoSaveTimer) { clearTimeout(autoSaveTimer); autoSaveTimer = null; }
     setEditorValue(data.content); // AI が編集した最新内容を反映 (既にディスクへ保存済みなので dirty にはしない)
     setDirty(false);
@@ -2172,6 +2468,7 @@ async function gitCheckout(branch, create) {
 }
 
 document.getElementById('statusbar-branch').onclick = () => openBranchDialog();
+document.getElementById('statusbar-eol').onclick = () => toggleEol();
 document.getElementById('branch-cancel').onclick = closeBranchDialog;
 document.getElementById('branch-close').onclick = closeBranchDialog;
 document.getElementById('branch-create').onclick = () => {

data/public/edit/index.html

@@ -115,6 +115,10 @@
     <div id="editor-wrap">
       <div id="editor-tabs" role="tablist"></div>
       <div id="editor"></div>
+      <!-- 画像 / PDF / 動画 / 音声のプレビュー領域。メディアタブがアクティブなときだけ表示する。 -->
+      <div id="media-view"></div>
+      <!-- zip / tar 等アーカイブの第一階層 + メタデータ表示領域。 -->
+      <div id="archive-view"></div>
       <div id="editor-empty">ファイルが開かれていません</div>
     </div>
     <div id="rr" class="resizer row" title="ドラッグでエディタ/コンソールの高さを変更"></div>
@@ -137,6 +141,11 @@
       <button id="statusbar-branch" type="button" title="ブランチを切り替え/作成">
         <span class="statusbar-branch-icon">⎇</span><span id="statusbar-branch-name">—</span>
       </button>
+      <span class="statusbar-spacer"></span>
+      <!-- 改行コード表示。テキストファイルを開いているときだけ表示し、クリックで CRLF/LF を切り替える。 -->
+      <button id="statusbar-eol" type="button" title="改行コードを切り替え" hidden>
+        <span id="statusbar-eol-name">LF</span>
+      </button>
     </div>
   </div>
   <div id="ctx-menu"></div>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: chocomint
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.1.0
 platform: ruby
 authors:
 - ひかり (Himeyama)
@@ -51,6 +51,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: rbzip2
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.3'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -148,6 +162,7 @@ files:
 - lib/chocomint/console/server.rb
 - lib/chocomint/console/worker.rb
 - lib/chocomint/console/worker_process.rb
+- lib/chocomint/edit_archive_handlers.rb
 - lib/chocomint/edit_git_handlers.rb
 - lib/chocomint/edit_handlers.rb
 - lib/chocomint/edit_html.rb